Prevent Express Checkout block from being cut off (woocommerce#7152)

* Prevent Express Checkout block from being cut off * Prevent step numbers from being cut off in editor
senadir · Nov 12, 2022 · ab2f526 · ab2f526
1 parent 55d6ca8
commit ab2f526
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/style.scss b/assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/style.scss
@@ -28,7 +28,8 @@ $border-radius: 5px;
 }
 
 .wc-block-components-express-payment--checkout {
-	margin-top: $border-radius;
+	/* stylelint-disable-next-line function-calc-no-unspaced-operator */
+	margin-top: calc($border-radius * 3);
 
 	.wc-block-components-express-payment__title-container {
 		display: flex;
@@ -130,9 +131,11 @@ $border-radius: 5px;
 	&::before {
 		margin-right: 10px;
 	}
+
 	&::after {
 		margin-left: 10px;
 	}
+
 	&::before,
 	&::after {
 		content: " ";

diff --git a/assets/js/blocks/checkout/styles/editor.scss b/assets/js/blocks/checkout/styles/editor.scss
@@ -6,6 +6,7 @@
 		display: flex;
 		flex-flow: row wrap;
 		align-items: flex-start;
+		padding-left: 5px;
 
 		.wc-block-checkout__additional_fields {
 			padding: 0;