diff --git a/Plugin/unraid/css/varaverk.css b/Plugin/unraid/css/varaverk.css index 3377cfc..9f101d0 100644 --- a/Plugin/unraid/css/varaverk.css +++ b/Plugin/unraid/css/varaverk.css @@ -25,7 +25,13 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r /* Cards / layout */ .vv-row { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; } -.vv-card { flex: 1; min-width: 200px; background: #1e1e1e; border: 1px solid #444; +/* One card surface for the whole plugin. #161616 on #2a2a2a was already what Settings, Watchdog, + Arrs and Rsync drew — four pages agreeing under four different class names — while this shared + one was still the older #1e1e1e on #444. Bringing it here is what makes them one look rather + than two, and it is done on the appearance alone: flex and min-width stay, because the Monitor + grid needs a 200px floor and the Arrs grid needs min-width:0, and merging those would change + how both size their columns to fix a colour. */ +.vv-card { flex: 1; min-width: 200px; background: #161616; border: 1px solid #2a2a2a; border-radius: 6px; padding: 12px; } .vv-wide { flex: 100%; } .vv-card h3 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase;