From 9f79715d0610090cbea154d67eb7d1cd037803c7 Mon Sep 17 00:00:00 2001 From: Alex Florisca Date: Wed, 28 Aug 2024 11:16:55 +0100 Subject: [PATCH] Small updates to the express checkout area (#50644) --- .../payment-methods/express-payment/style.scss | 4 ++-- .../changelog/50644-update-express-checkout-design | 4 ++++ 2 files changed, 6 insertions(+), 2 deletions(-) create mode 100644 plugins/woocommerce/changelog/50644-update-express-checkout-design diff --git a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/style.scss index 29078a50348..100962f2501 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/style.scss @@ -31,7 +31,7 @@ $border-width: 1px; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); - grid-gap: 10px; + grid-gap: 12px; @include breakpoint("<782px") { grid-template-columns: 1fr; @@ -58,7 +58,7 @@ $border-width: 1px; height: $universal-border-radius - $border-width; margin-right: $gap-small; pointer-events: none; - width: #{$gap-large - $gap-small - $border-width * 2}; + flex-grow: 1; } &::after { diff --git a/plugins/woocommerce/changelog/50644-update-express-checkout-design b/plugins/woocommerce/changelog/50644-update-express-checkout-design new file mode 100644 index 00000000000..e9e4e4c4f4a --- /dev/null +++ b/plugins/woocommerce/changelog/50644-update-express-checkout-design @@ -0,0 +1,4 @@ +Significance: patch +Type: tweak + +Small visual tweaks to the express checkout area \ No newline at end of file