From 0868e5a8ac6811fffcb25e9dc8248d87d25abcd1 Mon Sep 17 00:00:00 2001 From: Pedro Mourelle Date: Sat, 23 Feb 2013 15:00:54 -0300 Subject: [PATCH] Fixed #19177 -- Better layout for admin login form field labels. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- django/contrib/admin/static/admin/css/login.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/django/contrib/admin/static/admin/css/login.css b/django/contrib/admin/static/admin/css/login.css index 8872ade70b..a91de117b4 100644 --- a/django/contrib/admin/static/admin/css/login.css +++ b/django/contrib/admin/static/admin/css/login.css @@ -29,17 +29,20 @@ body.login { } .login .form-row label { - float: left; - width: 9em; padding-right: 0.5em; line-height: 2em; - text-align: right; font-size: 1em; + clear: both; color: #333; } .login .form-row #id_username, .login .form-row #id_password { - width: 14em; + clear: both; + padding: 6px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .login span.help {