From 0ea7e3fd968394d3f74fc905f320960f525516bc Mon Sep 17 00:00:00 2001 From: Jonathan Hvid Date: Tue, 12 May 2026 15:31:41 +0200 Subject: [PATCH] =?UTF-8?q?style(roadmap):=20more=20air=20title=E2=86=92le?= =?UTF-8?q?gend,=20tighter=20legend=E2=86=92route?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Pair the legend visually with the route by widening the gap above it and narrowing the gap below. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/pages/roadmap.astro | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/pages/roadmap.astro b/src/pages/roadmap.astro index ff463bb..2832e3c 100644 --- a/src/pages/roadmap.astro +++ b/src/pages/roadmap.astro @@ -53,7 +53,7 @@ const items = getAllRoadmapItems() .roadmap-header { text-align: center; max-width: 640px; - margin: 0 auto 28px; /* tightened — legend sits right under */ + margin: 0 auto 56px; /* generous gap to the legend */ padding-top: 32px; } .roadmap-title { @@ -78,7 +78,7 @@ const items = getAllRoadmapItems() display: flex; justify-content: center; gap: 24px; - margin: 0 auto 32px; /* legend → route */ + margin: 0 auto 14px; /* tight to the route — they're paired */ flex-wrap: wrap; } .roadmap-legend span { @@ -103,9 +103,9 @@ const items = getAllRoadmapItems() @media (max-width: 767px) { .roadmap-page { padding: 0 24px 64px; } - .roadmap-header { padding-top: 24px; margin-bottom: 20px; } + .roadmap-header { padding-top: 24px; margin-bottom: 40px; } .roadmap-title { font-size: 36px; } - .roadmap-legend { margin-bottom: 24px; } + .roadmap-legend { margin-bottom: 12px; } .roadmap-page :global(.rr-dispatch) { margin-top: 72px; } }