Fix the "BrowserID is graduating" banner for mobile.

issue #1179

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 */
+
+  }
 }

resources/static/css/style.css

@@ -809,6 +809,7 @@ 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;
@@ -816,7 +817,6 @@ footer {
   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;