# HG changeset patch
# User Atul Varma <avarma@mozilla.com>
# Date 1272168622 25200
# Node ID b86cf631e7534c50494c2ca25bc9fa911a7d1a29
# Parent  0b71df72ebe18edd535c06e1cca2660fadb5ae0f
turned menu into a fixed overlay

diff -r 0b71df72ebe1 -r b86cf631e753 css/main.css
--- a/css/main.css	Sat Apr 24 20:24:54 2010 -0700
+++ b/css/main.css	Sat Apr 24 21:10:22 2010 -0700
@@ -19,26 +19,32 @@
 
 #header .menu {
     margin: 0;
+    padding: 0.5em;
+    background: rgba(0, 0, 0, 0.75);
+    position: fixed;
+    right: 0;
+    top: 0;
 }
 
 #header .menu li {
     display: inline;
-    border-right: 1px solid black;
-    padding-left: 0.25em;
-    color: gray;
+    color: white;
+}
+
+#header .menu li:last-child:after {
+    content: "";
+}
+
+#header .menu li:after {
+    content: " | ";
+}
+
+#header .menu li span {
     cursor: pointer;
 }
 
-#header .menu li:last-child {
-    border-right: none;
-}
-
-#header .menu li:hover {
-    background: yellow;
-}
-
-#header .menu {
-    float: right;
+#header .menu li span:hover {
+    text-decoration: underline;
 }
 
 #loading-screen {
diff -r 0b71df72ebe1 -r b86cf631e753 main.html
--- a/main.html	Sat Apr 24 20:24:54 2010 -0700
+++ b/main.html	Sat Apr 24 21:10:22 2010 -0700
@@ -9,10 +9,13 @@
 <div id="header">
   <h1 class="title">Bugzilla Dashboard</h1>
   <ul class="menu hide-while-loading">
-    <li title="login" class="requires-no-login">Log In</span>
-    <li title="login" class="requires-login">Change User</span>
-    <li title="find-user" class="requires-auth-login">Find A User</span>
-    <li title="file-bug">File A Bug</span>
+    <li title="login"
+        class="requires-no-login"><span>Log In</span></li>
+    <li title="login"
+        class="requires-login"><span>Change User</span></li>
+    <li title="find-user"
+        class="requires-auth-login"><span>Find A User</span></li>
+    <li title="file-bug"><span>File A Bug</span></li>
   </ul>
 </div>
 <div id="loading-screen" class="loading">&nbsp;</div>