Background image of logo too high and too far left on login page

Description

URL where problem occurs:
https://test.archiveofourown.org/users/login

What happens:
The logo on the login page is positioned a bit awkwardly. Flash messages can overlap it and be hard to read (particularly the activation message, which sometimes appears despite ), which won't be 100% fixed by this (text can always wrap onto multiple lines), but it's a good reason to tweak it anyway... as is the fact the CSS background property isn't set quite right.

What should happen:
The logo should move down and right a bit – 2.5em should be good, since the right and left margins on the page are 2.5em.

https://github.com/otwcode/otwarchive/blob/356fd1e675eed1f312eabc438a4beaeaa3c6a116/public/stylesheets/site/2.0/05-region-main.css#L44 should be changed to

Testing notes:
Check the layout on big, midsize (e.g. tablet in portrait mode), and small (e.g. phone) screens. (Small screens shouldn't display an image.)

Assignee

gbhsrspm

Reporter

Sarken

Roadmap

Login

Priority

Low

Affects versions

Fix versions

Components

FrontEnd

Difficulty

Easy

Milestone

Internal 0.9
Configure