Issue 2870 - Adjust icons on homepage horizontally

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;
   margin-bottom: 4px;
 }
 
 #content.edge #main
 {
   height: 380px;
 }
 
 html[dir="rtl"] #main
 {
   float: left;
   margin-right: 0px;
   margin-left: 8px;
 }
 
-#install .install-button, #install ul, #information-android
+#install .install-button, #information-android
 {
   position: absolute;
 }
 
 #install .install-button
 {
   bottom: 2px;
   left: 0;
   width: 100%;
 }
 
 #install .install-button:active
 {
   bottom: 0px;
 }
 
 #install ul
 {
-  bottom: -30px;

[saroyanm, 2015/08/20 19:13:35]

With current layout we shouldn't position button and icons absolutely. 

[saroyanm, 2015/08/20 20:37:07]

Sorry it's only about icons, otherwise the button can overflow the messages, but
for icons we should be able to not use absolute.

-  right: 0;
   width: 100%;
   text-align: center;
-}
-
-#content.maxthon #install ul
-{
-  bottom: 0px;
-  right: 0;
-  width: 100%;
-  text-align: center;
-}
-
+  position: absolute;
+  bottom: -35px;
+}
+
+#content.maxthon #install ul,
 #content.edge #install ul
 {
   margin-left: 18px;
   right: auto;
   width: auto;
 }
 
 #content.edge #install ul
 {
-  margin: 30px 35px;

[saroyanm, 2015/08/20 19:08:14]

I assume this fix belongs to another review.

-}
-
-#content.edge #edge-other-browsers
-{
-  margin: 0px 40px;
+  margin: 0px 35px;
+  position: static;
+}
+
+#content.maxthon #install ul
+{
+  bottom: 0px;
+  margin-left: 35px;
+  position: static;
+}
+
+#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
-{
-  width: 100%;
-  margin-top: 0;
-  margin-bottom: 50px;
+#messages-wrapper
+{
+  margin-top: 50px;
+  margin-bottom: 30px;
+  width: 100%;
   float: right;
 }
 
-#adblock-browser-notification
-{
-  margin-top: 40px;
+#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;
-}
+}