Commit e513b786105 for woocommerce
commit e513b786105f07307e143d83b3f193f0f26d74a6
Author: Jorge A. Torres <jorge.torres@automattic.com>
Date: Thu Jun 4 08:53:53 2026 +0100
Fix order totals only filling half width on edit order screen (on mobile) (#65469)
diff --git a/plugins/woocommerce/changelog/63967-fix-order-totals-mobile-width b/plugins/woocommerce/changelog/63967-fix-order-totals-mobile-width
new file mode 100644
index 00000000000..cbf0d51bd1c
--- /dev/null
+++ b/plugins/woocommerce/changelog/63967-fix-order-totals-mobile-width
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix order totals only filling half the width on the admin order screen at mobile widths.
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index ec2af865e34..2509bac2d4d 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -2252,6 +2252,19 @@ ul.wc_coupon_list_block {
}
}
+ // Stack the coupons/totals columns full width once the admin sidebar hides.
+ @media screen and (max-width: 782px) {
+ .wc-used-coupons,
+ .wc-order-totals {
+ float: none;
+ width: 100%;
+ }
+
+ .wc-used-coupons {
+ margin-bottom: 12px;
+ }
+ }
+
.refund-actions {
margin-top: 5px;
padding-top: 12px;