Cleanup welcome tab layout.

tabs/landing.css

@@ -1,15 +1,19 @@
 .tab-landing .left {
     width: 60%;
+    position: relative;
 }
 .tab-landing .right {
     float: left;
 
     margin-left: 10px;
     width: calc(40% - 10px);
+    position: relative;
 }
 
 .tab-landing .section {
     margin-bottom: 10px;
+    width: 100%;
+    overflow: auto;
 }
 
 .left .section:last-child,
@@ -55,16 +59,33 @@
     background-color: #dedcdc;
 }
 
+.tab-landing .row {
+    margin-bottom: 10px;
+    float: left;
+    width: 100%;
+}
+.tab-landing .row:last-child {
+    margin-bottom: 0px;
+}
+
 .welcome {
-    height: 207px;
+    height: 196px;
 }
 
 .contributing,
 .welcome {
-    padding: 5px;
     border: 1px solid silver;
 }
 
+.contributing_and_sponsors .right,
+.contributing_and_sponsors .left {
+    min-height: 260px
+}
+
+.section-content {
+    margin: 5px;
+}
+
 .contributing a,
 .welcome a {
     font-weight: bold;
@@ -94,7 +115,7 @@
     background-color: #3f4241;
 }
 .changelog .wrapper {
-    height: 150px;
+    height: 165px;
 
     padding: 5px;
 
@@ -111,10 +132,13 @@
 }
 
 .donate {
-    height: 92px;
     border: 1px solid silver;
 }
 
+.donate .buttons {
+    margin-bottom: 10px;
+}
+
 .section .title {
     line-height: 20px;
 
@@ -137,8 +161,25 @@
     margin: auto;    
 }
 
+.contributing_and_sponsors .left .section {
+    position: absolute;
+}
+
+.contributing_and_sponsors .left .contributing {
+    top: 0%;
+    height: 50%;
+}
+
+.contributing_and_sponsors .left .donate {
+    top: 50%;
+    margin-top: 10px;
+    height: calc(50% - 10px);
+}
+
 .tab-landing .sponsors {
-    height: 254px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
     border: 1px solid silver;
 }
 .tab-landing .sponsors p {

tabs/landing.html

@@ -1,24 +1,15 @@
 <div class="tab-landing">
-    <div class="left">
     <div class="section optional_permissions">
         <div class="title" i18n="default_optional_permissions_head"></div>
         <p i18n="default_optional_permissions_text"></p>
         <a id="requestOptionalPermissions" href="#" i18n="default_request_optional_permissions"></a>
         <div class="clear-both"></div>
     </div>
-        <div class="section welcome" i18n="defaultWelcomeText"></div>
+
-        <div class="section contributing">
+    <div class="row welcome_and_sponsors">
-            <div class="title" i18n="defaultContributingHead"></div>
+        <div class="left">
-            <p i18n="defaultContributingText">
+            <div class="section welcome">
-            </p>
+                <div class="section-content" i18n="defaultWelcomeText"></div>
-        </div>
-        <div class="section donate">
-            <div class="title" i18n="defaultDonateHead"></div>
-            <p i18n="defaultDonateText">
-            </p>
-            <div class="buttons">
-                <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TSQKVT6UYKGL6" target="_blank" title="Donate"><img src="./images/btn_donate_SM.gif" alt="Paypal" /></a></li>
-            </div>
             </div>
         </div>
         <div class="right">
@@ -28,6 +19,24 @@
                     <!-- changelog content will be loaded here -->
                 </div>
             </div>
+        </div>
+    </div>
+    <div class="row contributing_and_sponsors">
+        <div class="left">
+            <div class="section contributing">
+                <div class="title" i18n="defaultContributingHead"></div>
+                <div class="section-content" i18n="defaultContributingText"></div>
+                </p>
+            </div>
+            <div class="section donate">
+                <div class="title" i18n="defaultDonateHead"></div>
+                <div class="section-content" i18n="defaultDonateText"></div>
+                <div class="buttons">
+                    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TSQKVT6UYKGL6" target="_blank" title="Donate"><img src="./images/btn_donate_SM.gif" alt="Paypal" /></a></li>
+                </div>
+            </div>
+        </div>
+        <div class="right">
             <div class="section sponsors">
                 <div class="title" i18n="defaultSponsorsHead"></div>
                 <p>
@@ -53,5 +62,5 @@
                 </p>
             </div>
         </div>
-    <div class="clear-both"></div>
+    </div>
 </div>