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) {
`avg ${avg}ms` +
` / ` +
`max ${max}ms`;
- 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}"]`);