diff --git a/Plugin/unraid/css/varaverk.css b/Plugin/unraid/css/varaverk.css index 0fd56df..b01af3a 100644 --- a/Plugin/unraid/css/varaverk.css +++ b/Plugin/unraid/css/varaverk.css @@ -215,8 +215,8 @@ #vv-parity-card { grid-column: auto !important; } #vv-storage-card { grid-column: auto !important; } #vv-array-card { grid-column: auto !important; } - /* Streams header: hide device/resolution/codec groups, keep server badges + media type */ - .vv-chip-group-device, .vv-chip-group-res, .vv-chip-group-codec { display: none; } + /* Streams header: hide right chip group entirely, keep server badges + media type */ + .vv-stream-right { display: none; } } /* Containers+VMs: single column when viewport is narrow */ @@ -750,7 +750,12 @@ mark { background: #5d4037; color: #ffcc80; border-radius: 2px; } .vv-doc-hint { font-size: 12px; color: #666; margin-top: 8px; } /* Media stream sessions */ -.vv-stream-servers { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; align-items: center; } +.vv-stream-servers { display: flex; justify-content: space-between; align-items: center; + flex-wrap: nowrap; gap: 8px; margin-bottom: 10px; } +/* Left side: server badges + media type */ +.vv-stream-left { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex-shrink: 0; } +/* Right side: device / resolution / codec chip groups */ +.vv-stream-right { display: flex; align-items: center; gap: 0; flex-wrap: nowrap; flex-shrink: 0; } .vv-server-badge { background: #333; border: 1px solid #555; color: #aaa; font-size: 10px; padding: 1px 7px; border-radius: 10px; } .vv-server-badge-sm { font-size: 9px; padding: 1px 6px; flex-shrink: 0; } diff --git a/Plugin/unraid/pages/monitor.php b/Plugin/unraid/pages/monitor.php index add9a31..0dd8277 100644 --- a/Plugin/unraid/pages/monitor.php +++ b/Plugin/unraid/pages/monitor.php @@ -1546,7 +1546,7 @@ function vvRenderStreams() { const mtypeSection = mtypeBar ? `ยท${mtypeBar}` : ''; if (sessions.length === 0) { - el.innerHTML = `
${badges}
` + el.innerHTML = `
${badges}
` + '

Nothing playing

'; return; } @@ -1604,7 +1604,10 @@ function vvRenderStreams() { ? `
+${sessions.length - 12} more not shown
` : ''; - el.innerHTML = `
${badges}${mtypeSection}${deviceSection}${resSection}${codecSection}
+ el.innerHTML = `
+
${badges}${mtypeSection}
+
${deviceSection}${resSection}${codecSection}
+
${sCols.map(vvStreamCol).join('')}
${overflow}`; }