cloud/project-manager
3
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Balance the new-project tile's spacing; equalize grid row heights

Browse Source 
- .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:
aneurin
2026-09-04 20:07:49 +01:00
co-authored by Claude Sonnet 5
parent 49c10673d2
commit 3988ea8404
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/style.css
+3 -1
View File
@@ -331,12 +331,13 @@ h1 {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
gap: 1rem; gap: 1rem;
align-items: start; align-items: stretch;
} }
.project-card { .project-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start;
gap: 0.4rem; gap: 0.4rem;
padding: 1rem; padding: 1rem;
background: var(--surface); background: var(--surface);
@@ -363,6 +364,7 @@ h1 {
.project-card--new { .project-card--new {
background: transparent; background: transparent;
border-style: dashed; border-style: dashed;
gap: 0.75rem;
} }
.project-card--new label { .project-card--new label {