From 4c9acd20c76a50960f69b0635e3991a269461635 Mon Sep 17 00:00:00 2001 From: josh Date: Sat, 28 Mar 2026 15:10:05 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20clean=20up=20instance=20detail=20subtitl?= =?UTF-8?q?e=20=E2=80=94=20dividers,=20readable=20values?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- css/app.css | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/css/app.css b/css/app.css index 61fbc58..5c929f7 100644 --- a/css/app.css +++ b/css/app.css @@ -374,16 +374,25 @@ select:focus { border-color: var(--accent); } } .detail-sub { - font-size: 12px; - color: var(--text3); - margin-top: 6px; + font-size: 13px; + margin-top: 8px; display: flex; - gap: 16px; + align-items: center; + gap: 0; } -.detail-sub span { display: flex; gap: 4px; } -.detail-sub .lbl { color: var(--text3); } -.detail-sub .val { color: var(--text2); } +.detail-sub > span { + display: flex; + 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; } -- 2.39.5