Add class for styling the "input"; fix bug with elementsArgs variable

TomodomoCo · Oct 4, 2017 · c2f8ddd · c2f8ddd
1 parent e3c2175
commit c2f8ddd
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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() {}
-}
+}