Issue 2870 - Adjust icons on homepage horizontally

static/css/index-desktop.css

 #content
 {
   width: 990px;
   margin-bottom: 290px;
   padding-left: 0;
   padding-right: 0;
 }
 
 #main
 {
@@ skipping 20 matching lines @@
 
 #install .install-button, #install ul, #information-android
 {
   position: absolute;
 }
 
 #install .install-button
 {
   bottom: 2px;
   left: 0;
+  width: 100%;
 }
 
 #install .install-button:active
 {
   bottom: 0px;
 }
 
 #install ul
 {
-  bottom: -2px;
+  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: 115px;
+  width: 100%;
+  text-align: center;
 }
 
-#content.maxthon #install ul,
+#content.maxthon #install ul
+{
+  bottom: 0px;
+  right: 0;
+  width: 100%;
+  text-align: center;
+}
+
 #content.edge #install ul
 {
   margin-left: 18px;
   right: auto;
   width: auto;
 }
 
 #content.edge #install ul
 {
-  margin: 0px 35px;
+  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;
   display: block;
 }
 
 #information-android
 {
@@ skipping 113 matching lines @@
 #content.edge #edge-incoming
 {
   display: inline-block;
   padding: 0px;
 }
 
 #subscribe-textbox
 {
   width: 210px;
 }