From 39eae6562cfb68cc38090fb1e8d394bc41572361 Mon Sep 17 00:00:00 2001
From: 0x1d <admin@dcentral.systems>
Date: Tue, 14 Oct 2025 23:00:45 +0200
Subject: [PATCH] fix: cluster view header styling

---
 public/index.html                                   | 4 ++--
 public/scripts/components/ClusterStatusComponent.js | 8 ++++----
 public/styles/main.css                              | 3 +--
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9e483a9..49bc18e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -62,7 +62,7 @@
                         </svg>
                     </button>
                 </div>
-                <div class="cluster-status">Cluster Online</div>
+                <div class="cluster-status">Cluster</div>
             </div>
         </div>
 
@@ -71,7 +71,7 @@
                 <div class="cluster-header">
                     <div class="cluster-header-left">
                         <div class="primary-node-info">
-                            <span class="primary-node-label">Primary Node:</span>
+                            <span class="primary-node-label">API:</span>
                             <span class="primary-node-ip" id="primary-node-ip">Discovering...</span>
                             <button class="primary-node-refresh" id="select-random-primary-btn"
                                 title="Select random primary node">
diff --git a/public/scripts/components/ClusterStatusComponent.js b/public/scripts/components/ClusterStatusComponent.js
index 6f45197..dc55f3b 100644
--- a/public/scripts/components/ClusterStatusComponent.js
+++ b/public/scripts/components/ClusterStatusComponent.js
@@ -56,13 +56,13 @@ class ClusterStatusComponent extends Component {
         // Determine WebSocket status
         if (this.wsConnected) {
             wsStatusIcon = window.icon('dotGreen', { width: 10, height: 10 });
-            wsStatusText = 'Live';
+            wsStatusText = 'WS';
         } else if (this.wsReconnectAttempts > 0) {
             wsStatusIcon = window.icon('dotYellow', { width: 10, height: 10 });
-            wsStatusText = 'Reconnecting';
+            wsStatusText = 'WS Reconnecting';
         } else {
             wsStatusIcon = window.icon('dotRed', { width: 10, height: 10 });
-            wsStatusText = 'Offline';
+            wsStatusText = 'WS Offline';
         }
 
         if (error) {
@@ -74,7 +74,7 @@ class ClusterStatusComponent extends Component {
             statusIcon = window.icon('dotRed', { width: 12, height: 12 });
             statusClass = 'cluster-status-offline';
         } else if (clientInitialized) {
-            statusText = 'Cluster Online';
+            statusText = 'Cluster';
             statusIcon = window.icon('dotGreen', { width: 12, height: 12 });
             statusClass = 'cluster-status-online';
         } else {
diff --git a/public/styles/main.css b/public/styles/main.css
index 987e1e2..030c4f1 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -108,8 +108,7 @@ p {
     padding: 0.4rem 0.75rem;
     background: rgba(255, 255, 255, 0.05);
     border-radius: 6px;
-    border: 1px solid var(--border-primary);
-    backdrop-filter: var(--backdrop-blur);
+    border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .primary-node-label {