diff --git a/internal/api/admin/app.css b/internal/api/admin/app.css index cac7d16b..03124dcc 100644 --- a/internal/api/admin/app.css +++ b/internal/api/admin/app.css @@ -187,15 +187,9 @@ code { padding: 12px 0 10px; } -.topbar > div:first-child { - display: flex; - align-items: baseline; - gap: 12px; - min-width: 0; -} - -.topbar .eyebrow { - display: none; +.topbar h1 { + margin-bottom: 0; + font-size: 1.4rem; } .eyebrow { @@ -207,17 +201,11 @@ code { text-transform: uppercase; } -.subtitle, -.panel-heading p, .helper { margin-bottom: 0; color: var(--secondary); } -.subtitle { - font-size: 0.875rem; -} - .topbar-actions, .modal-actions, .row-actions, @@ -325,8 +313,8 @@ code { .stats { display: grid; grid-template-columns: repeat(4, 1fr); - gap: 8px; - margin: 6px 0 10px; + gap: 6px; + margin: 4px 0 6px; } .stat-card, @@ -340,22 +328,24 @@ code { display: flex; align-items: center; justify-content: space-between; - gap: 12px; - min-height: 58px; - padding: 8px 14px; + gap: 8px; + min-height: 24px; + padding: 0 10px; } .stat-card span { display: block; margin-bottom: 0; color: var(--secondary); - font-size: 0.82rem; + font-size: 0.78rem; font-weight: 650; + line-height: 1.25; } .stat-card strong { - font-size: 1.35rem; + font-size: 1rem; font-variant-numeric: tabular-nums; + line-height: 1.25; } .paths-panel { @@ -364,20 +354,15 @@ code { .panel-heading { display: flex; - align-items: end; - justify-content: space-between; - gap: 16px; - padding: 10px 14px; + align-items: center; + justify-content: flex-end; + padding: 0 14px; border-bottom: 1px solid var(--border); } -.panel-heading p { - font-size: 0.82rem; -} - .filters { display: flex; - align-items: end; + align-items: center; gap: 10px; } @@ -496,7 +481,7 @@ td { th { color: var(--secondary); background: var(--surface-muted); - font-size: 0.78rem; + font-size: calc(0.78rem + 2px); font-weight: 700; } @@ -776,8 +761,7 @@ tbody tr:last-child td { } @media (max-width: 900px) { - .topbar, - .panel-heading { + .topbar { align-items: stretch; flex-direction: column; gap: 12px; @@ -825,10 +809,6 @@ tbody tr:last-child td { padding-top: 12px; } - .topbar > div:first-child { - display: block; - } - .topbar-actions .status-pill { width: 100%; justify-content: center; @@ -846,12 +826,12 @@ tbody tr:last-child td { } .stat-card { - min-height: 58px; - padding: 8px 12px; + min-height: 24px; + padding: 0 10px; } .panel-heading { - padding: 12px; + padding: 8px 12px; } .filters { diff --git a/internal/api/admin/index.html b/internal/api/admin/index.html index de762345..6c3f08d4 100644 --- a/internal/api/admin/index.html +++ b/internal/api/admin/index.html @@ -47,11 +47,7 @@