Run the AI system checks in two columns to halve the card height

This commit is contained in:
Gmer4Lfe
2026-08-04 17:40:50 -04:00
parent b1fdaced9f
commit 131c9ffc13
+7 -1
View File
@@ -139,7 +139,13 @@ if (is_dir('/var/log/varaverk')) {
.vv-ai-diag-col { background:#0e0e0e; padding:9px 12px; }
.vv-ai-diag-h { font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:#4a4a4a;
margin-bottom:6px; display:flex; align-items:center; gap:7px; }
.vv-ai-chk { display:flex; align-items:flex-start; gap:7px; font-size:11px; padding:2px 0; line-height:1.5; }
/* The checks run two columns filled top to bottom. Multi-column, not grid: grid fills
row-major, which would put consecutive checks side by side and scatter the reading order
across the split. `columns: 220px 2` caps it at two and drops to one when the card is too
narrow to give each that much — so the 900px collapse above needs no matching breakpoint. */
#vv-ai-health { columns:220px 2; column-gap:18px; }
.vv-ai-chk { display:flex; align-items:flex-start; gap:7px; font-size:11px; padding:2px 0; line-height:1.5;
break-inside:avoid; }
.vv-ai-chk-i { flex-shrink:0; font-size:11px; width:12px; }
.vv-ai-chk-l { color:#8a8a8a; flex-shrink:0; }
.vv-ai-chk-d { color:#5a5a5a; }