Issue 2844 - Create Microsoft Edge coming soon landing page

static/css/index-mobile.css

 #content
 {
   text-align: center;
   margin-left: 0;
   margin-right: 0;
 }
 
 #abb-banner
 {
   padding: 20px;
 }
 
 #abb-banner h2
 {
   font-size: 24px;
 }
 
 #abb-banner a
 {
   font-size: 20px;
 }
 
-#video, #maxthon-instruction
+#video, #maxthon-instruction, #edge-teaser
 {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
   margin: 20px 0;
   width: auto;
   max-width: 515px;
 }
@@ skipping 19 matching lines @@
   display: block;
   margin-top: 10px;
 }
 
 #install li
 {
   margin: 0px 10px;
 }
 
 .warning-platform, #maxthon-notification,
 .disclaimer, #adblock-browser-notification

[saroyanm, 2015/09/24 14:52:03]

I think we can add #edge-subscription to this rules as well while we don't have
mockup for mobile view, I think if we will make the subscription fields aligned
with messages, we will get rid of misalignment in mobile view.

 {
   margin: 10px;
 }
 
 #key-facts section
 {
   width: auto;
   max-width: 225px;
   margin-top: 25px;
   margin-left: 15px;
@@ skipping 25 matching lines @@
 #sidebar
 {
   padding-top: 20px;
 }
 
 .more-tab
 {
   text-align: left;
   margin: 10px 10px 0px 10px;
 }
+
+#edge-subscription button[type=submit], #edge-subscription input[type=email]
+{
+  webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+#edge-teaser
+{
+  display: none;
+}