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>
This commit is contained in:
2026-09-04 20:07:49 +01:00
co-authored by Claude Sonnet 5
parent 49c10673d2
commit 3988ea8404
+3 -1
View File
@@ -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 {