[wp-meta] [Making WordPress.org] #148: Restyle/redesign the registration page

[Making WordPress.org]

#148: Restyle/redesign the registration page
------------------------------------+-----------------------
 Reporter:  j.conti                 |       Owner:  dd32
     Type:  task                    |      Status:  assigned
 Priority:  high                    |   Milestone:
Component:  Login & Authentication  |  Resolution:
 Keywords:  ui-feedback             |
------------------------------------+-----------------------

Comment (by dd32):

 Following up on [comment:24]:
 > Get the width on the Register page to match the login page _as closely
 as possible_

 Since we're constrained by the recaptcha width, I've simply altered
 everything to that width. Registration is slightly narrower, login is
 slightly wider. Looks good to me.

 > Vertically center the Register box.

 I don't think these actually need to be vertically centered, mostly due to
 the fact that they're near, or overflowing most screen lengths (Some
 tablets excepted I expect).

 After quite some battling with flexbox, I ran away screaming :( @mapk
 please feel free to revert [4540] and replace it with something else. I
 honestly couldn't find a combination of things which allowed the flexbox
 to work as intended.

 The major issue I ran into constantly was `<h1>` and `#nav` being within
 `#login` in the DOM but displayed outside of it, It seems that these might
 need to be moved up a layer and that div then being made a flex container
 in addition, but I haven't been able to find a combination that works.
 Moving the elements outside of the `#login` dom also didn't work too well
 due to the styles and flexbox being worked around it..

 > Tighten up the line-height on the text below each input field.

 I wasn't able to get the line-height/spacing any smaller, not exactly sure
 why. Any ideas @mapk?

 > The ‘subscribe’ text shouldn’t drop below the checkbox.

 Done! Although I could've sworn that the checkboxes were physically larger
 prior to the change (as seen in the screenshot in Slack:
 https://wordpress.slack.com/archives/meta/p1481760263001197), I can't
 reproduce the larger size anymore. I've tried reverting it back to a week
 ago and still couldn't see the larger size..
 @mapk Can you see if you can bump the size up a bit? I wasn't able to find
 a CSS combination that actually looked any good.

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/148#comment:33>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org