From 252cc50aa4fb15ba332993abbdcad3beb8b7830c Mon Sep 17 00:00:00 2001
From: Gronod <gordon@i3omb.com>
Date: Tue, 19 May 2026 22:29:03 +0100
Subject: [PATCH] fix(ui): Add loading state and min-height for status-content

Added loading indicator text and min-height CSS for #status-content
to prevent the empty card appearance when status panel first opens.
---
 public/index.html |  2 +-
 public/style.css  | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 325f222..13b24d9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -70,7 +70,7 @@
 
             <div id="status-panel" class="status-panel" style="display: none;">
                 <!-- Status content gets rendered here -->
-                <div id="status-content"></div>
+                <div id="status-content"><p class="status-loading">Loading status...</p></div>
                 <!-- Webhooks Configuration Panel (nested inside status) -->
                 <div class="webhooks-section" id="webhooks-section" style="display: none;">
                 <div class="webhooks-header" id="webhooks-header">
diff --git a/public/style.css b/public/style.css
index 9fdfef8..2b72394 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1232,6 +1232,17 @@ body {
   box-shadow: 0 2px 4px var(--shadow);
 }
 
+#status-content {
+  min-height: 100px;
+}
+
+.status-loading {
+  color: var(--text-muted);
+  font-style: italic;
+  text-align: center;
+  padding: 20px;
+}
+
 .status-header {
   display: flex;
   justify-content: space-between;