From 239160840e9cc4baa1a946be4b7c659c93ec9607 Mon Sep 17 00:00:00 2001
From: Michelle Bu <michelle@michellebu.com>
Date: Fri, 15 Sep 2017 11:41:46 -0700
Subject: [PATCH] Reposition button inside of the form

---
 css/example5.css | 2 --
 index.html       | 6 +++---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/css/example5.css b/css/example5.css
index 325878c..d38d740 100644
--- a/css/example5.css
+++ b/css/example5.css
@@ -9,7 +9,6 @@
 }
 
 .example.example5 form {
-  padding: 0 20px;
 }
 
 #example5-paymentRequest {
@@ -21,7 +20,6 @@
 .example.example5 fieldset {
   border: 1px solid #b5a4ed;
   padding: 15px;
-  margin: 0 -20px;
   border-radius: 6px;
 }
 
diff --git a/index.html b/index.html
index 66024d2..71c8f26 100644
--- a/index.html
+++ b/index.html
@@ -259,10 +259,10 @@ <h3 class="title">Payment successful</h3>
 
       <!--Example 5-->
       <div class="cell example example5">
-        <div id="example5-paymentRequest">
-          <!--Stripe payment request API element inserted here-->
-        </div>
         <form>
+          <div id="example5-paymentRequest">
+            <!--Stripe payment request API element inserted here-->
+          </div>
           <fieldset>
             <legend class="card-only">Pay with card</legend>
             <legend class="payment-request-available">Or enter card details</legend>