From 8d8885144469db6e32870c4c7639c858aadf0963 Mon Sep 17 00:00:00 2001
From: ezequielnick <107352853+ezequielnick@users.noreply.github.com>
Date: Sat, 8 Feb 2025 04:31:14 +0800
Subject: [PATCH] fix: Delay button width auto-adjustment

---
 src/renderer/src/components/proxies/proxy-item.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/components/proxies/proxy-item.tsx b/src/renderer/src/components/proxies/proxy-item.tsx
index 260a577..b3a898a 100644
--- a/src/renderer/src/components/proxies/proxy-item.tsx
+++ b/src/renderer/src/components/proxies/proxy-item.tsx
@@ -108,9 +108,11 @@ const ProxyItem: React.FC<Props> = (props) => {
                 color={delayColor(delay)}
                 onPress={onDelay}
                 variant="light"
-                className="h-full text-sm ml-auto -mt-0.5"
+                className="h-full text-sm ml-auto -mt-0.5 px-2 relative w-min whitespace-nowrap"
               >
-                {delayText(delay)}
+                <div className="w-full h-full flex items-center">
+                  {delayText(delay)}
+                </div>
               </Button>
             </div>
           </div>
@@ -144,9 +146,11 @@ const ProxyItem: React.FC<Props> = (props) => {
               color={delayColor(delay)}
               onPress={onDelay}
               variant="light"
-              className="h-full p-0 text-sm"
+              className="h-[24px] text-sm px-2 relative w-min whitespace-nowrap"
             >
-              {delayText(delay)}
+              <div className="w-full h-full flex items-center">
+                {delayText(delay)}
+              </div>
             </Button>
           </div>
         </div>