Fix the "BrowserID is graduating" banner for mobile.

issue #1179
mozilla · Feb 24, 2012 · b40442b · b40442b
1 parent d1a6b01
commit b40442b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/resources/static/css/m.css b/resources/static/css/m.css
@@ -99,7 +99,7 @@
     padding: 0 10px;
     font-size: 16px;
     line-height: 21px;
-    margin: 122px 0 122px;
+    margin: 0 0 90px;  /* Add a bottom margin so the footer is never overlapped. */
   }
 
   #signUp p {
@@ -231,4 +231,8 @@
     float: right;
   }
 
+  #newsbanner {
+    margin: 115px 0 28px 0; /* put a margin-top on so that it does not go under the header */
+
+  }
 }
diff --git a/resources/static/css/style.css b/resources/static/css/style.css
@@ -809,14 +809,14 @@ footer {
 }
 
 #newsbanner {
+  margin-top: 60px; /* put a margin-top on so that it does not go under the header */
   background-color: #faca33;
   line-height: 32px;
   border-radius: 4px;
   margin-bottom: 20px;
   text-align: center;
   color: #626160;
   text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
-  height: 32px;
   -webkit-transition: all 500ms;
   -moz-transition: all 500ms;
   -ms-transition: all 500ms;