From 42530723bf5e44507a6fbdb40d0f6cbf8f6478ee Mon Sep 17 00:00:00 2001
From: jsms90 <jsms@hotmail.co.uk>
Date: Wed, 21 Dec 2016 15:11:52 +0000
Subject: [PATCH 1/3] move donate button inside form

---
 css/payment-form.css | 14 +++++++++++---
 payment-form.html    | 21 +++++++++++----------
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/css/payment-form.css b/css/payment-form.css
index 0ac24e6..68f6d39 100644
--- a/css/payment-form.css
+++ b/css/payment-form.css
@@ -1,6 +1,7 @@
-.payment-form {
+.form {
   font-size: 1.2rem;
-  padding: 4em 2em 6em;
+  padding: 4em 2em 0em;
+  padding-bottom: 6rem;
   position: relative;
 }
 
@@ -19,7 +20,7 @@
 
 .form-field--inline-block {
   display: inline-block;
-  width: 35%;
+  width: 40%;
 }
 
 .form-field--inline-block--right {
@@ -54,3 +55,10 @@
   border: 1px solid #bdbdbd;
   border-radius: 2px;
 }
+
+.warning {
+  display: none;
+  font-size: 1em;
+  color: red;
+  font-size: 0.8em;
+}
diff --git a/payment-form.html b/payment-form.html
index a00bff0..24582a8 100644
--- a/payment-form.html
+++ b/payment-form.html
@@ -25,9 +25,9 @@
       </a>
     </header>
 
-    <section class="payment-form">
-      <h1 class="form-title">Your contribution</h1>
-      <form>
+    <form>
+      <section class="form">
+        <h1 class="form-title">Your contribution</h1>
         <div class="form-field form-field--block">
           <label class="form-field__label form-field__label--block" for="email">Email</label>
           <input class="form-field__input" id="email" type="text"/>
@@ -79,13 +79,14 @@ <h1 class="form-title">Your contribution</h1>
           <input id="email updates" type="checkbox"/>
           <label class="form-field__label form-field__label--inline" for="email updates">Send me updates about Future Leaders</label>
         </div>
-      </form>
-    </section>
+      </section>
 
-    <section class="button-container">
-      <a href="payment-confirmation.html" class="button-container__link">
-        <button class="button-container__button--green">DONATE</button>
-      </a>
-    </section>
+      <section class="button-container">
+        <a href="payment-confirmation.html" class="button-container__link">
+          <button class="button-container__button--green">DONATE</button>
+        </a>
+      </section>
+
+    </form>
   </body>
 </html>

From 0930576e6b4ab083cd20b354c3c026ecf4edd39d Mon Sep 17 00:00:00 2001
From: jsms90 <jsms@hotmail.co.uk>
Date: Wed, 21 Dec 2016 15:27:27 +0000
Subject: [PATCH 2/3] make clicking the donate button submit the contents of
 the form

---
 payment-form.html | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/payment-form.html b/payment-form.html
index 24582a8..5b4a25a 100644
--- a/payment-form.html
+++ b/payment-form.html
@@ -25,7 +25,7 @@
       </a>
     </header>
 
-    <form>
+    <form action="submit">
       <section class="form">
         <h1 class="form-title">Your contribution</h1>
         <div class="form-field form-field--block">
@@ -82,9 +82,7 @@ <h1 class="form-title">Your contribution</h1>
       </section>
 
       <section class="button-container">
-        <a href="payment-confirmation.html" class="button-container__link">
-          <button class="button-container__button--green">DONATE</button>
-        </a>
+        <button class="button-container__link button-container__button--green" type="submit">DONATE</button>
       </section>
 
     </form>

From 2ae46968339f86fdb6c0964874a883ae1861c09d Mon Sep 17 00:00:00 2001
From: jsms90 <jsms@hotmail.co.uk>
Date: Wed, 21 Dec 2016 15:33:31 +0000
Subject: [PATCH 3/3] fix submit button

---
 payment-form.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/payment-form.html b/payment-form.html
index 5b4a25a..07d8750 100644
--- a/payment-form.html
+++ b/payment-form.html
@@ -25,7 +25,7 @@
       </a>
     </header>
 
-    <form action="submit">
+    <form action="payment-confirmation.html">
       <section class="form">
         <h1 class="form-title">Your contribution</h1>
         <div class="form-field form-field--block">