diff --git a/app/assets/stylesheets/darkswarm/split-checkout.scss b/app/assets/stylesheets/darkswarm/split-checkout.scss index b6c262f817..90e70a6a23 100644 --- a/app/assets/stylesheets/darkswarm/split-checkout.scss +++ b/app/assets/stylesheets/darkswarm/split-checkout.scss @@ -97,6 +97,18 @@ } } + .stripe-card { + background: white; + box-sizing: border-box; + font-weight: 400; + padding: 0.6rem 0.5rem; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border-radius: 0; + height: 42px; + width: 100%; + } + label { margin-bottom: 0.3rem; } diff --git a/app/views/split_checkout/payment/_stripe_sca.html.haml b/app/views/split_checkout/payment/_stripe_sca.html.haml index 34c4326385..3b0d20c98e 100644 --- a/app/views/split_checkout/payment/_stripe_sca.html.haml +++ b/app/views/split_checkout/payment/_stripe_sca.html.haml @@ -12,7 +12,7 @@ %label = t('split_checkout.step2.form.stripe.use_new_card') - %div{ "data-controller": "stripe", "data-stripe-key": "#{Stripe.publishable_key}" } + %div.stripe-card{ "data-controller": "stripe", "data-stripe-key": "#{Stripe.publishable_key}" } = hidden_field_tag "order[payments_attributes][][source_attributes][first_name]", @order.bill_address.first_name = hidden_field_tag "order[payments_attributes][][source_attributes][last_name]", @order.bill_address.last_name = hidden_field_tag "order[payments_attributes][][source_attributes][month]", nil, { "data-stripe-target": "expMonth" }