From 496d70c137a2a23902a7797f45240b7feb82e5cf Mon Sep 17 00:00:00 2001
From: Gmer4Lfe <gmer4lfe@gmail.com>
Date: Sun, 24 May 2026 11:12:55 -0400
Subject: [PATCH] Revert "varaverk: stretch CPU and GPU graphs to card bottom;
 add GPU history chart"

This reverts commit 660c4762f207811d35506c6a3545ee63b0f81138.
---
 .../emhttp/plugins/varaverk/pages/monitor.php | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/Plugin/usr/local/emhttp/plugins/varaverk/pages/monitor.php b/Plugin/usr/local/emhttp/plugins/varaverk/pages/monitor.php
index 15193c1..9e6195a 100644
--- a/Plugin/usr/local/emhttp/plugins/varaverk/pages/monitor.php
+++ b/Plugin/usr/local/emhttp/plugins/varaverk/pages/monitor.php
@@ -9,9 +9,9 @@
       <div id="vv-fallback-desc"></div>
     </div>
 
-    <div class="vv-card" id="vv-cpu" style="flex:2;min-width:240px;display:flex;flex-direction:column;">
+    <div class="vv-card" id="vv-cpu" style="flex:2;min-width:240px;">
       <h3>CPU</h3>
-      <div id="vv-cpu-body" style="flex:1;display:flex;flex-direction:column;">Loading...</div>
+      <div id="vv-cpu-body">Loading...</div>
     </div>
 
     <div class="vv-card" id="vv-memory" style="flex:2;min-width:240px;">
@@ -26,9 +26,9 @@
   </div>
 
   <div class="vv-row">
-    <div class="vv-card" id="vv-gpu-card" style="flex:2;min-width:240px;display:flex;flex-direction:column;">
+    <div class="vv-card" id="vv-gpu-card" style="flex:2;min-width:240px;">
       <h3>GPU</h3>
-      <div id="vv-gpu-body" style="flex:1;display:flex;flex-direction:column;">Loading...</div>
+      <div id="vv-gpu-body">Loading...</div>
     </div>
 
     <div class="vv-card" id="vv-transcode">
@@ -71,7 +71,6 @@ function vvMeter(label, pct, text) {
 
 const VV_HIST_MAX = 24; // 24 × 5 s = 120 s
 let vvCpuHistory    = [];
-let vvGpuHistory    = [];
 let vvNetRxHistory  = [];
 let vvNetTxHistory  = [];
 
@@ -222,8 +221,8 @@ function vvRenderCpu(cpu) {
     </div>`;
   }
 
-  // Canvas chart — flex:1 stretches to fill remaining card height
-  html += `<canvas id="vv-cpu-canvas" style="width:100%;flex:1;min-height:36px;display:block;"></canvas>`;
+  // Canvas chart
+  html += `<canvas id="vv-cpu-canvas" style="width:100%;height:36px;display:block;"></canvas>`;
   return html;
 }
 
@@ -389,17 +388,12 @@ function vvPollMonitor() {
           vvMeter('GPU',    utilPct,         `${utilPct}%`) +
           vvMeter('Encode', gpu.enc_pct ?? 0, `${gpu.enc_pct ?? 0}%`) +
           vvMeter('Decode', gpu.dec_pct ?? 0, `${gpu.dec_pct ?? 0}%`) +
-          `<div style="display:flex;justify-content:space-between;font-size:11px;margin-top:6px;margin-bottom:8px;">
+          `<div style="display:flex;justify-content:space-between;font-size:11px;margin-top:6px;">
              <span style="color:#666;">Temp</span>
              <span style="color:${tempColor};font-weight:bold;">${temp}°C</span>
              <span style="color:#666;margin-left:12px;">Power</span>
              <span style="color:#aaa;font-weight:bold;">${powerStr}</span>
-           </div>` +
-          `<canvas id="vv-gpu-canvas" style="width:100%;flex:1;min-height:36px;display:block;"></canvas>`;
-
-        vvGpuHistory.push(utilPct);
-        if (vvGpuHistory.length > VV_HIST_MAX) vvGpuHistory.shift();
-        vvDrawChart(document.getElementById('vv-gpu-canvas'), vvGpuHistory, '#7e57c2', 'rgba(126,87,194,0.18)', true);
+           </div>`;
       } else {
         document.getElementById('vv-gpu-body').innerHTML = '<p style="color:#555;font-style:italic">No GPU detected</p>';
       }