MAGETWO-88235: Fix #13315. Mobile 'Payments methods' step looks bad on mobile #13777

ishakhsuvarov · web-flow · commit 61877da33b6b · 2018-02-27T14:40:15.000+02: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`	`}`