PSPAYPAL-845 Update cards UX on vaulting section

Daniil Tkachev · Daniil Tkachev · commit 837f617d1764 · 2025-04-11T13:52:03.000+02:00
diff --git a/out/src/css/paypal.css b/out/src/css/paypal.css
@@ -14,3 +14,9 @@
 
 #paypal-installment-banner-container {
   margin-bottom: 1rem; }
+
+#savedPaymentCards ul li {
+  line-height: 4rem; }
+
+#payPalVaultingCardContainer {
+  margin-bottom: 1rem; }
diff --git a/out/src/css/paypal.min.css b/out/src/css/paypal.min.css
diff --git a/resources/build/scss/paypal.scss b/resources/build/scss/paypal.scss
@@ -19,3 +19,10 @@
     margin-bottom: 1rem;
 }
 
+#savedPaymentCards ul li {
+  line-height: 4rem;
+}
+
+#payPalVaultingCardContainer {
+   margin-bottom: 1rem;
+}
diff --git a/views/tpl/flow/vaulting/vaultedpaymentsources.tpl b/views/tpl/flow/vaulting/vaultedpaymentsources.tpl
@@ -5,7 +5,7 @@
         <div class="panel-heading">
             <h3 id="paymentHeader" class="card-title">[{oxmultilang ident="OSC_PAYPAL_VAULTING_VAULTED_PAYMENTS"}]</h3>
         </div>
-        <div class="panel-body">
+        <div class="panel-body" id="savedPaymentCards">
             <ul>
                 [{foreach from=$vaultedPaymentSources item=paymentToken}]
                     <li class="mt-3">
diff --git a/views/tpl/shared/googlepay.tpl b/views/tpl/shared/googlepay.tpl
@@ -32,4 +32,3 @@
         <div id="[{$payment->getId()}]" class="paypal-button-container paypal-button-wrapper paypal-button-right large"></div>
     [{/oxhasrights}]
 [{/block}]
-
