From f5327a11c183f45dbfeacff86ef255c17c41b059 Mon Sep 17 00:00:00 2001
From: sneak <sneak@sneak.berlin>
Date: Thu, 26 Feb 2026 19:05:32 +0700
Subject: [PATCH] Fix latency text overlapping sparkline in host row grid

Use minmax(0,1fr) for the name column so it can shrink below its
min-content width, and add overflow-hidden on the grid container
to clip any overflow at the boundary.
---
 src/main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main.js b/src/main.js
index e5013b1..fa02d9f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -553,7 +553,7 @@ function hostRowHTML(host, index, showPin = true) {
     <div class="host-row bg-gray-800/50 rounded-lg p-2 border border-gray-700/50" data-index="${index}">
       <div class="flex items-center gap-4 min-w-0">
         ${pinBtn}
-        <div class="w-[480px] flex-shrink min-w-0 grid grid-cols-[1fr_auto] items-baseline">
+        <div class="w-[480px] flex-shrink min-w-0 overflow-hidden grid grid-cols-[minmax(0,1fr)_auto] items-baseline">
           <div class="flex items-center gap-2 min-w-0">
             <div class="w-3 h-3 rounded-full flex-shrink-0" style="background-color: ${latencyHex(null)}"></div>
             <span class="font-medium text-white truncate">${host.name}</span>