From 3988ea840490312bb77a5c69520534f5a2f209f1 Mon Sep 17 00:00:00 2001
From: Aneurin Barker Snook <aneurin@aneur.in>
Date: Fri, 4 Sep 2026 20:07:49 +0100
Subject: [PATCH] Balance the new-project tile's spacing; equalize grid row
 heights

- .project-card--new gets its own gap (0.75rem vs the default 0.4rem)
  so the Name field and Create project button aren't cramped together.
- .dashboard__grid switches align-items from start to stretch, so
  every tile in a row shares the row's height; .project-card gets an
  explicit justify-content: flex-start so its contents stay pinned to
  the top of the now-taller box instead of spreading out.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 web/src/style.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/style.css b/web/src/style.css
index 58718d4..5c100c5 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -331,12 +331,13 @@ h1 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
   gap: 1rem;
-  align-items: start;
+  align-items: stretch;
 }
 
 .project-card {
   display: flex;
   flex-direction: column;
+  justify-content: flex-start;
   gap: 0.4rem;
   padding: 1rem;
   background: var(--surface);
@@ -363,6 +364,7 @@ h1 {
 .project-card--new {
   background: transparent;
   border-style: dashed;
+  gap: 0.75rem;
 }
 
 .project-card--new label {