优化klanna 样式

app/code/Oceanpayment/Creditcard/view/frontend/templates/payment/redirect.phtml

@@ -4,7 +4,13 @@
  * See COPYING.txt for license details.
  * See COPYING.txt for license details.
  */
  */
 ?>
 ?>
-
+<style type="text/css">
+    @media(max-width: 1024px) {
+        main#maincontent{
+            width: 80% !important;
+        }
+    }
+</style>
 <div id="checkout-loader" data-role="checkout-loader" class="loading-mask" data-mage-init='{"checkoutLoader": {}}'>
 <div id="checkout-loader" data-role="checkout-loader" class="loading-mask" data-mage-init='{"checkoutLoader": {}}'>
     <div class="loader">
     <div class="loader">
         <img src="<?php echo $block->getViewFileUrl('images/loader-1.gif'); ?>"
         <img src="<?php echo $block->getViewFileUrl('images/loader-1.gif'); ?>"

app/code/Oceanpayment/Klarna/view/frontend/templates/payment/redirect.phtml

@@ -5,6 +5,13 @@
  */
  */
 ?>
 ?>
 
 
+<style type="text/css">
+    @media(max-width: 1024px) {
+        main#maincontent{
+            width: 80% !important;
+        }
+    }
+</style>
 <div>
 <div>
 <?php echo $block->getCheckoutForm(); ?>
 <?php echo $block->getCheckoutForm(); ?>
 
 

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -2287,8 +2287,15 @@ tr.grand.totals {
 }
 }
 
 
 @media(max-width: 1024px) {
 @media(max-width: 1024px) {
+  .payment-option-inner {
+    width: 100%;
+  }
+  .secure img{
+    height: 25px !important;
+  }
   #opc-sidebar {
   #opc-sidebar {
     box-shadow: 0 2px 5px #f0f0ff;
     box-shadow: 0 2px 5px #f0f0ff;
+    font-size: 12px;
   }
   }
   .box {
   .box {
     width: 100% !important;
     width: 100% !important;