Issue 2844 - Create Microsoft Edge coming soon landing page

static/css/index-desktop.css

 #content
 {
   width: 990px;
   margin-bottom: 290px;
   padding-left: 0;
   padding-right: 0;
+}
+
+#content.ua-android,
+#content.ua-ios
+{
+  width: 1000px;
 }
 
 #main
 {
   width: 426px;
   height: 307px;
   position: relative;
   float: right;
   margin-left: 0px;
   margin-right: 3px;
@@ skipping 23 matching lines @@
   left: 0;
 }
 
 #install .install-button:active
 {
   bottom: 0px;
 }
 
 #install ul
 {
-  bottom: -2px;
   right: 0;
   width: 115px;
 }
 
 #content.maxthon #install ul,
 #content.edge #install ul
 {
   margin-left: 18px;
   right: auto;
   width: auto;
 }
 
 #content.edge #install ul
 {
   margin: 0px 35px;

[saroyanm, 2015/08/20 20:54:54]

Looking to visual seems like we have top margin here.

[Oleksandr, 2015/08/26 00:19:29]

Not sure what you mean here. The element positioning is absolute here.

 }
 
-#content.edge #edge-other-browsers
-{
-  margin: 0px 40px;
+#content.edge #other-browsers
+{
+  margin: 0px 40px 10px 40px;
   display: block;
+}
+
+#content.edge #edge-teaser
+{
+  display: inline-block;
+  padding: 0px;
+}
+
+#edge-subscription input[type=email]
+{
+  width: 210px;
 }
 
 #information-android
 {
   left: 2px;
   bottom: -25px;
 }
 
-.warning-platform, .disclaimer,
-#maxthon-notification, #adblock-browser-notification
-{
+#messages-wrapper
+{
+  margin-top: 50px;
+  margin-bottom: 30px;
   width: 100%;
-  margin-top: 0;
-  margin-bottom: 50px;
   float: right;
 }
 
-#adblock-browser-notification
-{
-  margin-top: 40px;

[saroyanm, 2015/08/20 20:54:54]

Why this have been changed ?

[Oleksandr, 2015/08/26 00:19:29]

It was to accommodate the style guide. But I don't think that's really needed.
Reverted.

+#messages-wrapper > div
+{
+  margin-top: 0px;
+  margin-bottom: 20px;
 }
 
 #key-facts
 {
   margin-top: 50px;
   margin-left: 80px;
   margin-right: 0px;
 }
 
 html[dir="rtl"] #key-facts
@@ skipping 75 matching lines @@
 }
 
 #more-tabs #sidebar button
 {
   display: block;
 }
 
 .more-tab
 {
   width: 760px;
-}
-
-#content.edge #edge-incoming
-{
-  display: inline-block;
-  padding: 0px;
-}
-
-#subscribe-textbox
-{
-  width: 210px;
-}
+}