Bug 478173: Add a "Remember" checkbox to the header/footer login form and restructure the header and footer so that it fits nicely.

Patch By Max Kanat-Alexander <mkanat@bugzilla.org> r=glob, a=mkanat

1 files changed, 28 insertions, 36 deletions

diff --git a/skins/standard/global.css b/skins/standard/global.css
index 8bfa75f16..aa3b9d758 100644
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -45,13 +45,14 @@
         padding-bottom: 2px;
     }
 
-    #header form {
-        font-size: 85%;
+    #header form, #header form input,
+    #footer form, #footer form input
+    {
+        font-size: 95%;
         display: inline;
     }
 
     #header .links {
-        font-size: 85%;
         border-left: 1px solid silver;
         border-right: 1px solid silver;
         border-bottom: 1px solid silver;
@@ -67,6 +68,19 @@
         color: green;
     }
 
+    form.mini_login input.bz_login  {
+        width: 10em;
+    }
+    form.mini_login input.bz_password {
+        width: 6em;
+    }
+    form.mini_login input.bz_remember {
+        margin: 0;
+    }
+    .bz_mini_login_help {
+        color: #777;
+    }
+
 /* header (end)   */
 
 /* banner (begin) */
@@ -117,7 +131,10 @@
 
 /* titles (end) */
 
-/* footer (begin) */
+/* footer (begin)
+ * See also the "header" section for styles that apply
+ * to both the header and footer. 
+ */
     #footer {
         clear: both;
         margin-top: 5px;
@@ -127,36 +144,27 @@
         border-bottom: 1px solid #ddd;
     }
 
-    #footer form {
-        display: inline;
-    }
-
-    #footer .btn,
-    #footer .txt {
-        font-size: 80%;
-    }
-
     #footer #useful-links {
-        display: table;
         padding-left: 1ex;
         padding-right: 1ex;
     }
 
-    #footer #links-actions,
-    #footer #links-saved,
-    #footer #links-special {
-        display: table-row;
+    #footer ul {
         list-style-type: none;
     }
+    #links-saved ul {
+        display: inline;
+    }
+    #links-saved th {
+        vertical-align: top;
+    }
 
     #footer .label {
-        display: table-cell;
         white-space: nowrap;
         vertical-align: top;
     }
 
     #footer .links {
-        display: table-cell;
         vertical-align: top;
     }
 /* footer (end) */
@@ -508,19 +516,3 @@ form#Create .comment {
 #down_button {
     background-image: url(global/down.png);
 }
-
-.mini_login, .mini_login input, .mini_login button {
-    font-size: small;
-}
-
-form.mini_login input.bz_password, form.mini_login input.bz_login  {
-    width: 10em;
-}
-
-form .bz_remember, form .bz_restrict {
-    margin: 0.4em 0;
-}
-
-.bz_mini_login_help {
-    color: #ccc;
-}