From 838411ed4f9e0f1d9c93c426e3246bc61f99f656 Mon Sep 17 00:00:00 2001
From: mahbub-zip <62676065+mahbub-zip@users.noreply.github.com>
Date: Tue, 31 May 2022 12:05:42 +1000
Subject: [PATCH] fix the alignment of the zip logo

---
 view/frontend/web/css/zipmoney.css               | 3 +++
 view/frontend/web/template/payment/zipmoney.html | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/view/frontend/web/css/zipmoney.css b/view/frontend/web/css/zipmoney.css
index 8d9dec3..e635aee 100644
--- a/view/frontend/web/css/zipmoney.css
+++ b/view/frontend/web/css/zipmoney.css
@@ -25,3 +25,6 @@
     padding: 10px 0px 10px 33px;
     margin-top: 20px;
 }
+img.payment-icon.zip-checkout-icon {
+    vertical-align: text-bottom !important;
+}
diff --git a/view/frontend/web/template/payment/zipmoney.html b/view/frontend/web/template/payment/zipmoney.html
index 51c6977..13ade69 100644
--- a/view/frontend/web/template/payment/zipmoney.html
+++ b/view/frontend/web/template/payment/zipmoney.html
@@ -6,7 +6,7 @@
                type="radio"/>
         <label class="label" data-bind="attr: {'for': getCode()}">
             <!-- zipMoney Logo -->
-            <img class="payment-icon"
+            <img class="payment-icon zip-checkout-icon"
                  data-bind="attr: {src: getPaymentAcceptanceMarkSrc(), alt: $t('zipMoney Acceptance Mark')}"
                  style="height:26px"/>
             <!-- zipMoney Logo -->