feat: tweak layout of donation page

Signed-off-by: Robin H. Johnson <robbat2@gentoo.org>

1 files changed, 26 insertions, 16 deletions

diff --git a/donate/index.html b/donate/index.html
index b27b93b..4f7c301 100644
--- a/donate/index.html
+++ b/donate/index.html
@@ -16,17 +16,6 @@ layout: tyrian
       <strong>Support us now!</strong>
     </p>
   </div>
-  <div class="col-xs-12 col-md-4">
-    <p>
-      <strong>What is the money used for?</strong>
-      <br>
-      The core services powering Gentoo are provided on machines owned by the Gentoo Foundation.
-      Connectivity, parts, repair, remote hands, and power need all to be paid for by us.
-    </p>
-    <p>
-      Details are available in the Gentoo Foundation <a href="/inside-gentoo/foundation/">financial reports</a>.
-    </p>
-  </div>
 </div>
 
 {% include hero-section/end %}
@@ -35,6 +24,22 @@ layout: tyrian
   <div class="col-xs-12 col-md-8">
     <div class="panel panel-default">
       <div class="panel-heading">
+        <h3 class="panel-title">What is the money used for?</h3>
+      </div>
+      <div class="panel-body">
+        The core services powering Gentoo are provided on machines owned by the Gentoo Foundation.
+        Connectivity, parts, repair, remote hands, and power need all to be paid for by us.
+	    <br />
+        Further details are available in the Gentoo Foundation <a href="/inside-gentoo/foundation/">financial reports</a>.
+	  </div>
+    </div>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-xs-12 col-md-8">
+    <div class="panel panel-default">
+      <div class="panel-heading">
         <h3 class="panel-title">Donate</h3>
       </div>
       <div class="panel-body">
@@ -213,26 +218,31 @@ layout: tyrian
               <td>
                 <select name="os0">
                   <option value="$10/month">
-                    $10USD/month
+                    $10 USD/month
                   </option>
                   <option value="$20/month">
-                    $20USD/month
+                    $20 USD/month
                   </option>
                   <option value="$50/month">
-                    $50USD/month
+                    $50 USD/month
                   </option>
                   <option value="$100/month">
-                    $100USD/month
+                    $100 USD/month
                   </option>
                   <option value="$200/month">
-                    $200USD/month
+                    $200 USD/month
                   </option>
                 </select>
               </td>
             </tr>
           </table>
           <input type="hidden" name="currency_code" value="USD" />
+		  <!--
           <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_subscribe_SM.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Subscribe" />
+		  -->
+	      <span class="input-group-btn">
+            <button class="btn btn-danger" type="submit"><span class="fa fa-fw fa-heart"></span>&bnsp;Subscribe!</button>
+          </span>
         </form>
 
         <small>