Bug 692737 - Main page icons are not centered.

r/a=mkanat

2 files changed, 42 insertions, 27 deletions

diff --git a/skins/standard/index.css b/skins/standard/index.css
index 1b28dabd8..1e440cb99 100644
--- a/skins/standard/index.css
+++ b/skins/standard/index.css
@@ -26,7 +26,6 @@
        easier on customizers. */
     .intro, .outro {
         text-align: center;
-        width: 20em;
     }
 
     /* Hide from NN4 */
@@ -49,24 +48,32 @@
     {
         font-weight: bold;
     }
-    
+
     .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; }
diff --git a/template/en/default/index.html.tmpl b/template/en/default/index.html.tmpl
index 8d1e66fe0..e309d214b 100644
--- a/template/en/default/index.html.tmpl
+++ b/template/en/default/index.html.tmpl
@@ -122,22 +122,30 @@ 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"
-          [% IF user.id %]
-            href="userprefs.cgi"><span>User Preferences</span></a>
-          [% ELSIF Param('createemailregexp')
-                   && user.authorizer.user_can_create_account 
-          %]
-            href="createaccount.cgi"><span>Open a New Account</span></a>
-          [% ELSE %]
-            href="?GoAheadAndLogIn=1"><span>Log In</span></a>
-          [% END %]
+
+        <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')
+                          && user.authorizer.user_can_create_account 
+                 %]
+                   href="createaccount.cgi"><span>Open a New Account</span></a>
+                 [% 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);">