Login form looks janky

[markjaquith]

It used to look like this:

Now it looks like this:

The padding and the symmetry is all wrong. Nothing lines up correctly.

After the patch, it looks like this:

One of the recent CSS cleanups fixed it!

Hmm. Updated to r18796, cleared the cache, still see the same as on "Now it looks like this" screenshot.

Checked in Firefox 7, Chrome 14, Opera 11.51.

This wasn't fixed. See also #19201.

Closed #19201 as a duplicate.

The patch still works - it even still applies (offset by 350 lines, but it applies). I tested it in the latest Chrome, Firefox, Internet Explorer, Safari, and Opera on Windows 7 and in the latest Chromium, Firefox, and Opera on Ubuntu. In all cases the patch:

1. Tightens vertical spacing between username, password, and remember me sections.
2. Extends the text inputs so that the right side of the inputs lines up with the right side of the Log In button.

Login form in 3.2

Login form in 3.3-trunk

With 18740.diff

With 18740.2.diff

Reset Password form with 18740.2.diff

18740.2.diff​ makes login form look more like in 3.2 (see the screenshots). Also fixes strength indicator in Reset Password form (#19201).

In [19313]:

Fix various login form and password strength meter CSS issues. fixes #18740. see #19201. props Sergey Biryukov.

Related: #19319