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}"]`);