diff --git a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/order-summary/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/order-summary/style.scss index 180d0d462c1..119668b534f 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/order-summary/style.scss +++ b/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/order-summary/style.scss @@ -1,6 +1,8 @@ .wc-block-components-order-summary { - // Compensate for removing Panel. - padding: 0 $gap; + &.is-large { + // Compensate for removing Panel. + padding: 0 $gap; + } .wc-block-components-order-summary__button-text { font-weight: 500; @@ -113,14 +115,3 @@ padding-top: $gap-smaller; } } - -.is-medium, -.is-small, -.is-mobile { - .wp-block-woocommerce-checkout-order-summary-block { - .wc-block-components-totals-wrapper { - padding-left: $gap-small; - padding-right: $gap-small; - } - } -} diff --git a/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-order-summary-block/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-order-summary-block/style.scss index c1d248f4220..723065632d5 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-order-summary-block/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-order-summary-block/style.scss @@ -2,6 +2,12 @@ border: 1px solid $universal-border-light; border-radius: 5px; + &.checkout-order-summary-block-fill-wrapper { + .wc-block-components-order-summary { + padding: 0 $gap; + } + } + .wc-block-components-formatted-money-amount { font-weight: 600; } diff --git a/plugins/woocommerce/changelog/52604-dev-alignment-on-mobile-order-summary-48899 b/plugins/woocommerce/changelog/52604-dev-alignment-on-mobile-order-summary-48899 new file mode 100644 index 00000000000..26cc2aaaa40 --- /dev/null +++ b/plugins/woocommerce/changelog/52604-dev-alignment-on-mobile-order-summary-48899 @@ -0,0 +1,4 @@ +Significance: minor +Type: tweak + +Adjust paddings on top of page order summary to better align on mobile. \ No newline at end of file