From c2f8ddd8e59c15bff422fbf221c9873cdfd40650 Mon Sep 17 00:00:00 2001
From: Chris Van Patten <chris@vanpattenmedia.com>
Date: Tue, 3 Oct 2017 20:30:33 -0400
Subject: [PATCH] Add class for styling the "input"; fix bug with elementsArgs
 variable

---
 class-rcp-payment-gateway-stripe-elements.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/class-rcp-payment-gateway-stripe-elements.php b/class-rcp-payment-gateway-stripe-elements.php
index 7e6c194..83b7fb0 100644
--- a/class-rcp-payment-gateway-stripe-elements.php
+++ b/class-rcp-payment-gateway-stripe-elements.php
@@ -29,7 +29,7 @@ public function fields() {
 			'style' => array(
 				'base' => array(
 					'fontFamily' => 'Arial, sans-serif',
-					'fontSize'   => '15px',
+					'fontSize'   => '16px',
 					'color'      => 'black',
 				),
 				'invalid' => array(
@@ -42,7 +42,7 @@ public function fields() {
 
 		<div class="form-row">
 			<label for="card-element"><?php _e( 'Credit or debit card', 'rcp' ); ?></label>
-			<div id="card-element"></div>
+			<div id="card-element" class="rcp-stripe-elements-input"></div>
 			<div id="card-errors" role="alert"></div>
 		</div>
 		<br>
@@ -56,7 +56,7 @@ public function fields() {
 			elementsArgs = <?php echo json_encode( $data ); ?>;
 
 			// Create and mount the card
-			card = elements.create( 'card', <?php echo json_decode( $data ); ?> );
+			card = elements.create( 'card', elementsArgs );
 			card.mount( '#card-element' );
 
 			// Listen for errors during type in Stripe Elements
@@ -146,4 +146,4 @@ public function scripts() {
 	 * @return void
 	 */
 	public function validate_fields() {}
-}
\ No newline at end of file
+}