Fix #13315. Mobile 'Payments methods' step looks bad on mobile

Frodigo · Frodigo · commit b27ec8cdbd37 · 2018-03-06T21:17:06.000+01:00
diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_payments.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_payments.less
@@ -162,6 +162,11 @@
             .lib-css(margin, 0 -(@checkout-payment-method-title-mobile__padding));
         }
 
+        .step-title {
+            .lib-css(padding-left, @checkout-payment-method-title-mobile__padding);
+            .lib-css(padding-right, @checkout-payment-method-title-mobile__padding)
+        }
+
         .payment-method-title {
             .lib-css(padding, @checkout-payment-method-title-mobile__padding)
         }
diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_payments.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_payments.less
@@ -162,6 +162,11 @@
             .lib-css(margin, 0 -(@checkout-payment-method-title-mobile__padding));
         }
 
+        .step-title {
+            .lib-css(padding-left, @checkout-payment-method-title-mobile__padding);
+            .lib-css(padding-right, @checkout-payment-method-title-mobile__padding)
+        }
+
         .payment-method-title {
             .lib-css(padding, @checkout-payment-method-title-mobile__padding)
         }

Original file line number	Diff line number	Diff line change
`@@ -162,6 +162,11 @@`
`162`	`162`	`.lib-css(margin, 0 -(@checkout-payment-method-title-mobile__padding));`
`163`	`163`	`}`
`164`	`164`
	`165`	`+ .step-title {`
	`166`	`+ .lib-css(padding-left, @checkout-payment-method-title-mobile__padding);`
	`167`	`+ .lib-css(padding-right, @checkout-payment-method-title-mobile__padding)`
	`168`	`+ }`
	`169`	`+`
`165`	`170`	`.payment-method-title {`
`166`	`171`	`.lib-css(padding, @checkout-payment-method-title-mobile__padding)`
`167`	`172`	`}`