From a6b03fed96c78ff45212f77bfaa605be681c88db Mon Sep 17 00:00:00 2001 From: unitypark Date: Tue, 18 Aug 2026 09:29:48 +0200 Subject: [PATCH] Drafts and projects stop reading as one panel with a rule through it MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The projects page shows two collections when a setup was never finished: "Setup in progress" above "Your projects". They are sibling .group panels, and .group carried padding but no vertical margin — so the two sat flush and read as a single panel divided by a border rather than as two things. Adjacent-sibling rather than a margin on every .group: the common case is one collection, and a blanket top margin would have moved that page's spacing against the shell for no reason. The value is .group's own padding clamp, so the space between panels tracks the space inside them across viewports instead of drifting apart at one width. --- apps/web/app/projects/projects.module.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/apps/web/app/projects/projects.module.css b/apps/web/app/projects/projects.module.css index ff9fdb3..708eef5 100644 --- a/apps/web/app/projects/projects.module.css +++ b/apps/web/app/projects/projects.module.css @@ -17,6 +17,13 @@ padding: clamp(1.25rem, 2.5vw, 2rem); } +/* Drafts sit above live projects, and two panels with no air between them read + as one panel with a rule through it. Adjacent-sibling so the common case — + a single group — keeps its original spacing against the shell. */ +.group + .group { + margin-top: clamp(1.25rem, 2.5vw, 2rem); +} + .grouphead { display: flex; align-items: center;