diff --git a/app/frontend/images/payzen-secure.png b/app/frontend/images/payzen-secure.png index 438d724ce..aefcb7f3f 100644 Binary files a/app/frontend/images/payzen-secure.png and b/app/frontend/images/payzen-secure.png differ diff --git a/app/frontend/src/javascript/components/base/payment-modal.tsx b/app/frontend/src/javascript/components/base/payment-modal.tsx index 2508f79ea..8bbf575da 100644 --- a/app/frontend/src/javascript/components/base/payment-modal.tsx +++ b/app/frontend/src/javascript/components/base/payment-modal.tsx @@ -165,14 +165,14 @@ export const PaymentModal: React.FC = ({ isOpen, toggleModal, width={ModalSize.medium} closeButton={false} customFooter={logoFooter} - className={`payment-modal ${className}`}> + className={`payment-modal ${className ? className : ''}`}> {ready &&
= ({ isOpen, toggleModal, afterSuc const logoFooter = (): ReactNode => { return (
- powered by PayZen mastercard visa @@ -62,7 +60,9 @@ const PayZenModal: React.FC = ({ isOpen, toggleModal, afterSuc = ({ isOpen, toggleModal, a ); } -Application.Components.component('payZenModal', react2angular(PayZenModalWrapper, ['isOpen', 'toggleModal', 'afterSuccess','currentUser', 'schedule', 'cartItems', 'customer'])); +Application.Components.component('payzenModal', react2angular(PayZenModalWrapper, ['isOpen', 'toggleModal', 'afterSuccess','currentUser', 'schedule', 'cartItems', 'customer'])); diff --git a/app/frontend/src/stylesheets/application.scss b/app/frontend/src/stylesheets/application.scss index 50453f44c..b48ee1029 100644 --- a/app/frontend/src/stylesheets/application.scss +++ b/app/frontend/src/stylesheets/application.scss @@ -39,5 +39,6 @@ @import "modules/payzen-keys-form"; @import "modules/payzen-settings"; @import "modules/payment-modal"; +@import "modules/payzen-modal"; @import "app.responsive"; diff --git a/app/frontend/src/stylesheets/modules/payzen-modal.scss b/app/frontend/src/stylesheets/modules/payzen-modal.scss new file mode 100644 index 000000000..29388050d --- /dev/null +++ b/app/frontend/src/stylesheets/modules/payzen-modal.scss @@ -0,0 +1,9 @@ +.payzen-modal { + .payzen-modal-icons { + text-align: center; + + img { + margin-right: 10px; + } + } +} diff --git a/app/frontend/templates/shared/_cart.html b/app/frontend/templates/shared/_cart.html index 99e3f5def..9e7301153 100644 --- a/app/frontend/templates/shared/_cart.html +++ b/app/frontend/templates/shared/_cart.html @@ -200,7 +200,7 @@
-