Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Fixed #19177 -- Better layout for admin login form field labels.

Thanks goes to void for the comprehensive report, to Pedro Mourelle for
the fix and to Bryan Veloso, Łukasz Rekucki and Claude Paroz for the
review.

This fix includes the following changes:

* Modified layout to top-aligned labels.
* Added 'air' for inputs (the padding was really needed there.). It
  adjust good to zoom in/out.
* Removed float attributes from label and inputs in login form.
* Removed useless text-align property.
  • Loading branch information...
commit 0868e5a8ac6811fffcb25e9dc8248d87d25abcd1 1 parent 8e8c9b9
Pedro authored February 23, 2013 ramiro committed March 02, 2013
11  django/contrib/admin/static/admin/css/login.css
@@ -29,17 +29,20 @@ body.login {
29 29
 }
30 30
 
31 31
 .login .form-row label {
32  
-    float: left;
33  
-    width: 9em;
34 32
     padding-right: 0.5em;
35 33
     line-height: 2em;
36  
-    text-align: right;
37 34
     font-size: 1em;
  35
+    clear: both;
38 36
     color: #333;
39 37
 }
40 38
 
41 39
 .login .form-row #id_username, .login .form-row #id_password {
42  
-    width: 14em;
  40
+    clear: both;
  41
+    padding: 6px;
  42
+    width: 100%;
  43
+    -webkit-box-sizing: border-box;
  44
+       -moz-box-sizing: border-box;
  45
+            box-sizing: border-box;
43 46
 }
44 47
 
45 48
 .login span.help {

1 note on commit 0868e5a

Pedro

Thanks a lot Ramiro. I screw up when trying to use squash and mess it like a sir :P.

Please sign in to comment.
Something went wrong with that request. Please try again.