From d9556e3cfd2d4f1c665efe6a8dacb74d1f474f1e Mon Sep 17 00:00:00 2001
From: sneak <sneak@sneak.berlin>
Date: Thu, 26 Feb 2026 19:08:21 +0700
Subject: [PATCH] Preserve col-span-2 on stats line when className is updated

All updateHostRow() and greyOutUI() className assignments were
dropping col-span-2, causing the stats line to only span column 1
instead of both grid columns.
---
 src/main.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/main.js b/src/main.js
index 15a0000..dff8def 100644
--- a/src/main.js
+++ b/src/main.js
@@ -720,19 +720,20 @@ function updateHostRow(host, index) {
             `<span class="text-gray-400">avg </span><span class="${latencyClass(avg, "online")}">${avg}ms</span>` +
             ` <span class="text-gray-500">/</span> ` +
             `<span class="text-gray-400">max </span><span class="${latencyClass(max, "online")}">${max}ms</span>`;
-        statusEl.className = "status-text text-xs whitespace-nowrap text-right";
+        statusEl.className =
+            "status-text text-xs whitespace-nowrap text-right col-span-2";
     } else if (host.status === "offline") {
         statusEl.textContent = "unreachable";
         statusEl.className =
-            "status-text text-xs text-red-400 whitespace-nowrap text-right";
+            "status-text text-xs text-red-400 whitespace-nowrap text-right col-span-2";
     } else if (host.status === "error") {
         statusEl.textContent = "timeout";
         statusEl.className =
-            "status-text text-xs text-orange-400 whitespace-nowrap text-right";
+            "status-text text-xs text-orange-400 whitespace-nowrap text-right col-span-2";
     } else {
         statusEl.textContent = "connecting...";
         statusEl.className =
-            "status-text text-xs text-gray-500 whitespace-nowrap text-right text-right";
+            "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2";
     }
 
     SparklineRenderer.draw(canvas, host.history);
@@ -1044,7 +1045,7 @@ function greyOutUI(state) {
         if (statusEl) {
             statusEl.textContent = "paused";
             statusEl.className =
-                "status-text text-xs text-gray-500 whitespace-nowrap text-right";
+                "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2";
         }
         // Grey out the status dot
         const row = document.querySelector(`.host-row[data-index="${i}"]`);