Bug 692737 - Main page icons are not centered.

skins/standard/index.css

@@ -26,7 +26,6 @@
        easier on customizers. */
     .intro, .outro {
         text-align: center;
-        width: 20em;
     }
 
     /* Hide from NN4 */
@@ -51,22 +50,30 @@
     }
 
     .bz_common_actions {
-        display: block;
+        text-align: center;
+    }
+    .bz_common_actions ul {
+        list-style-type: none;
+        padding: 0;
+    }
+    .bz_common_actions ul li {
+        display: inline;
+        vertical-align: top;
+    }
+    .bz_common_actions ul li a {
+        display: inline-block;
         height: 170px;
         width: 145px;
-        float: left;
         margin: 0 2ex 2em 0;
-        text-align: center;
     }
-    .bz_common_actions span {
+    .bz_common_actions ul li a span {
         position: relative;
-        top: 95%;
+        top: 90%;
         font-weight: bold;
     }
-    .bz_common_actions,
-    .bz_common_actions:visited,
-    .bz_common_actions:hover
-    {
+    .bz_common_actions a,
+    .bz_common_actions a:visited,
+    .bz_common_actions a:hover {
         text-decoration: none;
     }
     #enter_bug { background: url(index/file-a-bug.png)     no-repeat; }

template/en/default/index.html.tmpl

@@ -122,13 +122,18 @@ YAHOO.util.Event.onDOMReady(onLoadActions);
       <td>
         <h1 id="welcome"> Welcome to [% terms.Bugzilla %]</h1>
         <div class="intro">[% Hook.process('intro') %]</div>
-        <a id="enter_bug" class="bz_common_actions"
-           href="enter_bug.cgi"><span>File [% terms.aBug %]</span></a>
 
-        <a id="query" class="bz_common_actions" 
-           href="query.cgi"><span>Search</span></a>
-      
-        <a id="account" class="bz_common_actions"
+        <div class="bz_common_actions">
+          <ul>
+            <li>
+              <a id="enter_bug" href="enter_bug.cgi"><span>File
+              [%= terms.aBug %]</span></a>
+            </li>
+            <li>
+              <a id="query" href="query.cgi"><span>Search</span></a>
+            </li>
+            <li>
+              <a id="account"
                  [% IF user.id %]
                    href="userprefs.cgi"><span>User Preferences</span></a>
                  [% ELSIF Param('createemailregexp')
@@ -138,6 +143,9 @@ YAHOO.util.Event.onDOMReady(onLoadActions);
                  [% ELSE %]
                    href="?GoAheadAndLogIn=1"><span>Log In</span></a>
                  [% END %]
+            </li>
+          </ul>
+        </div>
 
         <form id="quicksearchForm" name="quicksearchForm" action="buglist.cgi"
               onsubmit="return checkQuicksearch(this);">