Issue 5522 - ABP.org: Fix ABP install button so that it doesn't cover body text which runs long and…

static/css/index-desktop.css

Index: static/css/index-desktop.css
===================================================================
--- a/static/css/index-desktop.css
+++ b/static/css/index-desktop.css
@@ -10,60 +10,62 @@
 #content.ua-ios
 {
   width: 1000px;
 }
 
 #main
 {
   width: 426px;
-  height: 307px;
+  height: auto;
   position: relative;
   float: right;
   margin-left: 0px;
   margin-right: 3px;
   margin-bottom: 4px;
 }
 
 html[dir="rtl"] #main
 {
   float: left;
   margin-right: 0px;
   margin-left: 8px;
 }
 
-#install .install-button,
 #information-android,
 h3.edge-message
 {
   position: absolute;
 }
 
-#install .install-button,
 h3.edge-message
 {
   bottom: 2px;
   left: 0;
   width: 100%;
 }
 
 h3.edge-message
 {
   margin: 0px;
 }
 
+#install .install-button
+{
+  width: 100%;
+}
+
 #install .install-button:active
 {
   bottom: 0px;
 }
 
 #other-platform
 {
-  position: absolute;
-  top: 320px;
+  margin-top: 10px;
 }
 
 #other-platform > div
 {
   margin-bottom: 10px;
 }
 
 #content.edge #edge-teaser
@@ -75,17 +77,17 @@
 #information-android
 {
   left: 2px;
   bottom: -25px;
 }
 
 #messages-wrapper
 {
-  margin-top: 50px;
+  margin-top: 20px;
   margin-bottom: 30px;
   width: 100%;
   float: right;
 }
 
 #messages-wrapper > div
 {
   margin-top: 0px;
@@ -94,16 +96,17 @@
 
 #content.edge #messages-wrapper
 {
   margin-top: 80px;
 }
 
 #key-facts
 {
+  clear: both;
   margin-top: 50px;
   margin-left: 80px;
   margin-right: 0px;
 }
 
 html[dir="rtl"] #key-facts
 {
   margin-right: 80px;