#16 — Consistent Product page spacing (prod)
abd8c8e · Gate 2 4/4 · regression 51/51 · no migration
Notion test-run #16 — “Inconsistent spacing between Product Pages & the rest of the pages.”
The Products and Variants list pages wrapped their content in a centered, fixed-padding container
(mx-auto max-w-6xl p-6) while every other page (Orders, Customers, Dashboard) renders
full-width into the shared layout padding (p-4 md:p-8 lg:p-10). That made the product
pages sit narrower/off-center with a different gutter. Dropped the centered wrapper so they match the
rest. Verified on
lumiere-coffee
— the Gate-2 test also asserts the old max-w-6xl wrapper is gone and the content
width now matches the Orders page (within 60px).
Products & Variants now full-width, matching every other page
Same off-white page background, same left gutter, same responsive padding as Orders / Customers /
Dashboard. The Products | Variants tab strip + table now span the content area instead of
a centered max-w-6xl column.
Note for Narong
Scope is the two list pages (the ones in the mockup). The product form pages (Edit product, Configure attribute line, Import) keep an intentional narrower centered column for form readability — flag if you want those widened to full-width too.