added classes for styling around the payemnt form simple

rapidwebltd · Nov 14, 2016 · f443695 · f443695
1 parent 0ca9771
commit f443695
Showing 1 changed file with 14 additions and 29 deletions.
diff --git a/src/Resources/PaymentForms/Simple.html b/src/Resources/PaymentForms/Simple.html
@@ -1,34 +1,19 @@
 
 
-<form action="" method="POST" id="payment-form">
-  <span class="payment-errors"></span>
-
-  <div class="form-row">
-    <label>
-      <span>Card Number</span>
-      <input type="text" size="20" data-stripe="number">
-    </label>
-  </div>
-
-  <div class="form-row">
-    <label>
-      <span>Expiration (MM/YY)</span>
-      <input type="text" size="2" data-stripe="exp_month">
-    </label>
-    <span> / </span>
-    <input type="text" size="2" data-stripe="exp_year">
-  </div>
-
-  <div class="form-row">
-    <label>
-      <span>CVC</span>
-      <input type="text" size="4" data-stripe="cvc">
-    </label>
-  </div>
-
-  [[CSRF_FIELD]]
-
-  <input type="submit" class="submit" value="Submit Payment">
+<form action="" method="POST" id="payment-form" class="simple-stripe"> <span class="payment-errors"></span>
+    <div class="form-row"> 
+      <label class="card-number-label">Card Number</label> <input type="text" size="20" data-stripe="number" class="card-number"> 
+    </div> 
+    <div class="form-row"> 
+        <label class="expiration-label">Expiration (MM/YY)</label> 
+          <input type="text" size="2" data-stripe="exp_month" class="expiration-month"> <span class="expiration-divider"> / </span> 
+          <input type="text" size="2" data-stripe="exp_year" class="expiration-year"> 
+    </div> 
+    <div class="form-row"> 
+      <label class="cvc-label">CVC</label> <input type="text" size="4" data-stripe="cvc" class="cvc"> 
+    </div> 
+    [[CSRF_FIELD]] 
+    <input type="submit" class="submit" value="Submit Payment" class="submit-button"> 
 </form>
 
 <script type="text/javascript" src="https://js.stripe.com/v2/"></script>