refs #46227 small modification of appearance

202ecommerce · Dec 11, 2024 · 6fc6bb0 · 6fc6bb0
1 parent 9f19a59
commit 6fc6bb0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git a/views/templates/acdc/payment-option.tpl b/views/templates/acdc/payment-option.tpl
@@ -32,6 +32,10 @@
       min-width: 120px;
     }
 
+    #card-number {
+      width: 300px;
+    }
+
     .pp-flex {
       display: flex;
     }
@@ -44,12 +48,7 @@
       justify-content: center;
     }
 
-    .pp-field-wrapper {
-      padding: 10px;
-    }
-
     .pp-field-wrapper label {
-      padding: 0 0 10px 0;
       font-weight: bold;
     }
 
@@ -62,8 +61,17 @@
     }
 
     .pp-padding-1 {
-      padding: 10px
+      padding: 0.375rem;
     }
+
+    [paypal-acdc-card-wrapper] [paypal-acdc-form-button] {
+      width: 100%;
+    }
+
+    [paypal-acdc-form-button] {
+      min-width: 200px;
+    }
+
   </style>
 {/block}
 
@@ -83,24 +91,24 @@
       <form id="card-form" class="pp-flex pp-flex-direction-column">
 
         <div class="pp-field-wrapper">
-          <label for="card-number">{l s='Card Number' mod='paypal'}</label>
+          <div class="pp-padding-1"><label for="card-number">{l s='Card Number' mod='paypal'}</label></div>
           <div id="card-number" class="pp-input"></div>
         </div>
 
         <div class="pp-flex pp-space-between">
           <div class="pp-field-wrapper">
-            <label for="expiration-date">{l s='Expiration Date' mod='paypal'}</label>
+            <div class="pp-padding-1"><label for="expiration-date">{l s='Expiration Date' mod='paypal'}</label></div>
             <div id="expiration-date" class="pp-input"></div>
           </div>
 
           <div class="pp-field-wrapper">
-            <label for="cvv">{l s='CVV' mod='paypal'}</label>
+            <div class="pp-padding-1"><label for="cvv">{l s='CVV' mod='paypal'}</label></div>
             <div id="cvv" class="pp-input"></div>
           </div>
         </div>
 
         <div class="pp-padding-1">
-          <button paypal-acdc-form-button class="btn btn-primary" style="width: 300px">{l s='Pay' mod='paypal'}</button>
+          <button paypal-acdc-form-button class="btn btn-primary">{l s='Pay' mod='paypal'}</button>
         </div>
 
         <div paypal-acdc-card-error>

diff --git a/views/templates/sepa/button.tpl b/views/templates/sepa/button.tpl
@@ -51,8 +51,8 @@
               var sepaObj = new SepaButton({
                   method: 'sepa',
                   button: '#paypal-sepa',
-                  controller: '{$scInitController|escape:'htmlall':'UTF-8'}',
-                  validationController: '{$validationController|escape:'htmlall':'UTF-8'}',
+                  controller: '{$scInitController nofilter}',
+                  validationController: '{$validationController nofilter}',
                   paypal: window[skdNameSpace],
                   isMoveButtonAtEnd: PAYPAL_MOVE_BUTTON_AT_END
               });