Commit 770e4e1be30 for woocommerce
commit 770e4e1be30f05cb556978ead0084ab55c4d7ca2
Author: Filipe Varela <keoshi@keoshi.com>
Date: Wed Sep 9 16:46:58 2026 +0100
Fix oversized gap between core profiler buttons on mobile (#67729)
* Fix core profiler button spacing on mobile
Below 782px both buttons on the intro opt-in screen carried
margin-top: auto. In a flex column that distributes the free space
between them rather than collecting it above the pair, opening a 54px
gap between "Set up my store" and "Skip guided setup" while the group
sat only 16px from the opt-in checkbox.
Scope margin-top: auto to the first button so the group still sits at
the bottom of the viewport, and the gap between the two falls back to
the 16px margin-bottom they already carried.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
* Add changelog entry for core profiler button spacing fix
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---------
Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>
diff --git a/plugins/woocommerce/changelog/fix-52385-core-profiler-mobile-button-spacing b/plugins/woocommerce/changelog/fix-52385-core-profiler-mobile-button-spacing
new file mode 100644
index 00000000000..4704b0e88bf
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-52385-core-profiler-mobile-button-spacing
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix the oversized gap between the two buttons on the core profiler welcome screen at mobile widths.
diff --git a/plugins/woocommerce/client/admin/client/core-profiler/style.scss b/plugins/woocommerce/client/admin/client/core-profiler/style.scss
index 0cdda4205df..c84c966cebe 100644
--- a/plugins/woocommerce/client/admin/client/core-profiler/style.scss
+++ b/plugins/woocommerce/client/admin/client/core-profiler/style.scss
@@ -212,7 +212,12 @@
@include breakpoint("<782px") {
width: 100%;
- margin-top: auto;
+
+ // Only the first button pushes the group down. Applying this to
+ // every button splits the free space between them instead.
+ &:first-of-type {
+ margin-top: auto;
+ }
}
}