UI layout update

Changed the rotations in the xml and added an overlayed photo
container. also made sure even if the photo is tiny it is resized to
the frame size. to does look way more pixelated when this happens but
at least it covers the empty space within the frame.