883971 - Design improvements to the sign-in bar

Status: RESOLVED INVALID

(Webmaker Graveyard :: Login, defect)

Description

[inactivate account for kate]

Branding/message
- consider aligning login with persona branding guidelines http://people.mozilla.org/~smartell/persona/, i.e. using the "person" icon and possibly some of the wording. Personally I do like the idea of a single "sign in with your email" button rather than two sign up/sign in buttons, but I'm not sure what discussion has gone into the UX of that so far

Alignment/positioning/details:
- sign up/sign out should always float to the right of the container
- if we don't have a single button, the "sign in to save"message only applies to the apps, not webmaker.org
- is blue background and text are being cut off slightly

One approach we could consider is using a clickable, transparent overlay that would fit to the size of the container, which would allow us to localize text/align/style everything with nav.css or in the apps themselves (see https://github.com/Pomax/login.webmaker.org/pull/1)