diff --git a/Plugin/unraid/pages/ai.php b/Plugin/unraid/pages/ai.php index 190cc3d..264e4a1 100644 --- a/Plugin/unraid/pages/ai.php +++ b/Plugin/unraid/pages/ai.php @@ -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; }