josh/Catalyst
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases 13 Wiki Activity

fix: clean up instance detail subtitle — dividers, readable values
All checks were successful
CI / test (pull_request) Successful in 13s
Details
CI / build-dev (pull_request) Has been skipped
Details

Browse Source 
Separate vmid / id / created with a subtle vertical border so they
don't run together. Bump font to 13px. Labels drop to 11px muted,
values use full --text colour so the actual data stands out clearly.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-03-28 15:10:05 -04:00
parent 82c314f85c
commit 4c9acd20c7
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
css/app.css
View File

@@ -374,16 +374,25 @@ select:focus { border-color: var(--accent); }
} }
.detail-sub { .detail-sub {
font-size: 12px; font-size: 13px;
color: var(--text3); margin-top: 8px;
margin-top: 6px;
display: flex; display: flex;
gap: 16px; align-items: center;
gap: 0;
} }
.detail-sub span { display: flex; gap: 4px; } .detail-sub > span {
.detail-sub .lbl { color: var(--text3); } display: flex;
.detail-sub .val { color: var(--text2); } align-items: center;
gap: 6px;
}
.detail-sub > span + span {
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid var(--border);
}
.detail-sub .lbl { color: var(--text3); font-size: 11px; }
.detail-sub .val { color: var(--text); }
.detail-actions { display: flex; gap: 8px; } .detail-actions { display: flex; gap: 8px; }