From 381b100f235cdf884f663ddbd7b929aeaa800ebe Mon Sep 17 00:00:00 2001
From: oOHiyoriOo <sidney.marvin.fricke@gmail.com>
Date: Sat, 13 Jun 2026 18:39:46 +0200
Subject: [PATCH] fix: equal chart heights + single toggle for bottom row

- Players donut now same height as network chart (250px)
- Removed redundant Players toggle button
- Network toggle now collapses both cards via shared .bottom-row class

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 js/pages/serverInfo.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/js/pages/serverInfo.js b/js/pages/serverInfo.js
index 14c4672..6dc3884 100644
--- a/js/pages/serverInfo.js
+++ b/js/pages/serverInfo.js
@@ -26,21 +26,20 @@ function ServerInfoPage(params, container) {
         '<div class="col-sm-3">' +
           '<div class="card mb-3">' +
             '<div class="card-header">' +
-              '<button class="btn btn-sm btn-outline-primary float-end" role="button" data-bs-toggle="collapse" data-bs-target="#playersCollapse">toggle</button>' +
-              '<h4 class="card-title mb-0">Players</h4>' +
+            '<h4 class="card-title mb-0">Players</h4>' +
             '</div>' +
-            '<div id="playersCollapse" class="collapse show">' +
-              '<div class="card-body"><svg id="chart-players" style="height:200px;width:100%"></svg></div>' +
+            '<div id="playersCollapse" class="collapse show bottom-row">' +
+              '<div class="card-body"><svg id="chart-players" style="height:250px;width:100%"></svg></div>' +
             '</div>' +
           '</div>' +
         '</div>' +
         '<div class="col-sm-9">' +
           '<div class="card mb-3">' +
             '<div class="card-header">' +
-              '<button class="btn btn-sm btn-outline-primary float-end" role="button" data-bs-toggle="collapse" data-bs-target="#networkCollapse">toggle</button>' +
+              '<button class="btn btn-sm btn-outline-primary float-end" role="button" data-bs-toggle="collapse" data-bs-target=".bottom-row">toggle</button>' +
               '<h4 class="card-title mb-0">Server Networking</h4>' +
             '</div>' +
-            '<div id="networkCollapse" class="collapse show">' +
+            '<div id="networkCollapse" class="collapse show bottom-row">' +
               '<div class="card-body"><svg id="chart-network" style="height:250px;width:100%"></svg></div>' +
             '</div>' +
           '</div>' +