From d45ca5c67a184ffed5a95074e0102d297bd30139 Mon Sep 17 00:00:00 2001
From: oOHiyoriOo <sidney.marvin.fricke@gmail.com>
Date: Sat, 13 Jun 2026 18:45:52 +0200
Subject: [PATCH] feat: console/chat/playerlist use full viewport height

Replaced fixed 600px output heights with calc(100vh - 130px)
so console and chat logs fill the available space. Added min-height
to player list table so it doesn't look empty with few players.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 js/pages/chat.js    | 2 +-
 js/pages/console.js | 2 +-
 rcon.css            | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/js/pages/chat.js b/js/pages/chat.js
index 57aabed..c6f6193 100644
--- a/js/pages/chat.js
+++ b/js/pages/chat.js
@@ -6,7 +6,7 @@ function ChatPage(params, container) {
 
   var html =
     '<div id="ChatController">' +
-      '<div id="chat-output" style="height:600px" class="Output scrollable text-white-50">Loading…</div>' +
+      '<div id="chat-output" style="height:calc(100vh - 130px)" class="Output scrollable text-white-50">Loading…</div>' +
       '<form id="chat-form">' +
         '<input id="chat-input" class="form-control" style="width:100%" placeholder="Type a message...">' +
       '</form>' +
diff --git a/js/pages/console.js b/js/pages/console.js
index 1a1e569..1191afa 100644
--- a/js/pages/console.js
+++ b/js/pages/console.js
@@ -4,7 +4,7 @@
 function ConsolePage(params, container) {
   var html =
     '<div id="ConsoleController">' +
-      '<div id="console-output" style="height:600px" class="Output scrollable text-white-50">Loading…</div>' +
+      '<div id="console-output" style="height:calc(100vh - 130px)" class="Output scrollable text-white-50">Loading…</div>' +
       '<form id="console-form">' +
         '<input type="text" id="console-input" class="form-control" autocomplete="off">' +
       '</form>' +
diff --git a/rcon.css b/rcon.css
index bb378fc..f778c43 100644
--- a/rcon.css
+++ b/rcon.css
@@ -48,6 +48,9 @@ a:hover { color: #fff; text-decoration: none; }
 .fade { opacity: 0.5; }
 
 /* Table styles */
+#PlayerListController .table-responsive {
+  min-height: calc(100vh - 200px);
+}
 .table > tbody > tr:hover {
   background-color: rgba(255, 255, 255, 0.15);
 }