From 194f95d0168c7193649e49bb1c0f95feb1b33ee4 Mon Sep 17 00:00:00 2001
From: "Bradley M. Kuhn" <bkuhn@ebb.org>
Date: Tue, 2 Dec 2014 12:09:43 -0500
Subject: [PATCH] Float Donate button to the center beside questions

The donate button is now centered beside the questions that relate to
the supporter program.
---
 www/conservancy/static/forms.css            |  8 ++++++--
 www/conservancy/static/supporter/index.html | 13 ++++++-------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/www/conservancy/static/forms.css b/www/conservancy/static/forms.css
index 130d536a..145c2e75 100644
--- a/www/conservancy/static/forms.css
+++ b/www/conservancy/static/forms.css
@@ -3,9 +3,13 @@
     width: 200px;
     text-align: right;
 }
-
+#supporter-form-inputs {
+    float: left;
+}
 #supporter-form-submit {
-    padding-left: 100px;
+    padding-left: 500px;
+    padding-top: 100px;
+    float: center;
 }
 
 #supporter-form div {
diff --git a/www/conservancy/static/supporter/index.html b/www/conservancy/static/supporter/index.html
index 2659f6c0..2601f68b 100644
--- a/www/conservancy/static/supporter/index.html
+++ b/www/conservancy/static/supporter/index.html
@@ -121,7 +121,7 @@ internal policies</a> are published and available for scrutiny.</p>
 <h2>Become a Supporter Now!</h2>
 <a id="now"></a>
 <form id="supporter-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" name="supporter">
-<div>
+<div id="supporter-form-inputs">
             <input type="hidden" name="cmd" value="_xclick" />
             <input type="hidden" name="business" value="supporter@sfconservancy.org" />
             <input type="hidden" name="item_name" value="Conservancy Supporter, Annual" />
@@ -159,18 +159,17 @@ internal policies</a> are published and available for scrutiny.</p>
                       <input type="hidden" name="on4" value="joinList" />
                       <input type="radio" checked="checked" name="os4" value="Yes" />Yes
                       <input type="radio" name="os4" value="No" />No<br>
-                      <br />
+                      <br /></div>
                       <div id="supporter-form-submit">
                       <input type="image"
                              src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
                              border="0" name="submit" alt="Become a Supporter Now!">
                       <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
-                      </div><br/>
-                      <small>You will be redirected to the Paypal website to
-                      become a supporter when you click &ldquo;Donate&rdquo;.</small>
-
-</div></form>
+                      <br/><small>You will be redirected to PayPal's site when you click &ldquo;Donate&rdquo;.</small>
+                      </div>
+                      </div>
 
+</form>
 </div>
 
 {% endblock %}