From 45c213098011a5706a56fcb9f447accb0c084ab8 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Thu, 12 Mar 2026 18:59:01 -0700 Subject: [PATCH] fix(rcart): center form pages with margin auto instead of flex The flex centering on main:has() was causing the subnav to shrink-wrap and the page content to left-align on desktop. Use margin: 0 auto on the components directly so the subnav stays full-width. Co-Authored-By: Claude Opus 4.6 --- modules/rcart/components/cart.css | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/modules/rcart/components/cart.css b/modules/rcart/components/cart.css index 1a794bd..a426574 100644 --- a/modules/rcart/components/cart.css +++ b/modules/rcart/components/cart.css @@ -4,13 +4,10 @@ main { padding: 0; } -/* Center narrow form pages (payment request, payment page, group buy) */ -main:has(folk-payment-request), -main:has(folk-payment-page), -main:has(folk-group-buy-page), -main:has(folk-payments-dashboard) { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; +/* Center narrow form pages — use margin auto so subnav stays full-width */ +folk-payment-request, +folk-payment-page, +folk-group-buy-page, +folk-payments-dashboard { + margin: 0 auto; }