From 7c7ec1e5f0f804b84c47b9cc77e12c0d2515925d Mon Sep 17 00:00:00 2001 From: Thomas Roberts Date: Thu, 18 Jul 2024 15:28:44 +0100 Subject: [PATCH] Improve padding and text wrapping --- .../shipping-rates-control-package/style.scss | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss index bcb9b68938d..f7f86c978da 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss +++ b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss @@ -41,10 +41,8 @@ .wc-block-components-radio-control__description-group { @include font-size(smaller); - // Use balance, then pretty so that browser support for pretty is preferred, but falls back to balance if not supported. + // Use balance as this is not a good candidate for pretty. Pretty is intended for body copy which this is not. text-wrap: balance; - text-wrap: pretty; - // This targets the rate *description* and prevents the rules applying to the delivery_time. .wc-block-components-radio-control__description { padding-right: $gap-small; @@ -57,6 +55,15 @@ } } +.is-large { + .wc-block-components-shipping-rates-control__package { + // This targets the rate *description* and prevents the rules applying to the delivery_time. + .wc-block-components-radio-control__description { + padding-right: $gap; + } + } +} + .wc-block-components-shipping-rates-control__package-items { @include font-size(small); display: block;