diff --git a/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js b/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js index a602aa1dd8..205261313a 100644 --- a/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js +++ b/core/server/lib/members/static/auth/pages/StripeSubscribePaymentPage.js @@ -5,6 +5,7 @@ import FormSubmit from '../components/FormSubmit'; import CouponInput from '../components/CouponInput'; import CheckoutForm from '../components/CheckoutForm'; import Form from '../components/Form'; +import { IconError } from '../components/icons'; const getCouponData = frameLocation => { const params = new URLSearchParams(frameLocation.query); @@ -102,8 +103,10 @@ export default class StripeSubscriptionPage extends Component { return (
- -
We were unable to process your payment, please try again or use different card details.
+ +
{ IconError } + We were unable to process your payment, please try again or use different card details. +
{ this.renderPlansSection() }
diff --git a/core/server/lib/members/static/auth/styles/components.css b/core/server/lib/members/static/auth/styles/components.css index 71a444989d..eef4b79eb0 100644 --- a/core/server/lib/members/static/auth/styles/components.css +++ b/core/server/lib/members/static/auth/styles/components.css @@ -415,7 +415,8 @@ select:-webkit-autofill:active { display: flex; justify-content: center; align-items: start; - border-radius: 4px; + border-radius: 7px; + line-height: 1.4em; } .gm-form-errortext span { @@ -423,7 +424,7 @@ select:-webkit-autofill:active { } .gm-form-errortext i { - margin: 1px 8px 0 0; + margin: 3px 8px 0 0; } .gm-form-errortext i svg path {