From 928bae7b2631abd52f97005582702defa3e55cdc Mon Sep 17 00:00:00 2001
From: ezequielnick <107352853+ezequielnick@users.noreply.github.com>
Date: Sat, 8 Feb 2025 10:21:47 +0800
Subject: [PATCH] fix: Fix missing node flags in detailed mode

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

diff --git a/src/renderer/src/components/proxies/proxy-item.tsx b/src/renderer/src/components/proxies/proxy-item.tsx
index b3a898a..ee08afa 100644
--- a/src/renderer/src/components/proxies/proxy-item.tsx
+++ b/src/renderer/src/components/proxies/proxy-item.tsx
@@ -69,8 +69,10 @@ const ProxyItem: React.FC<Props> = (props) => {
       {proxyDisplayMode === 'full' ? (
           <div className="flex flex-col gap-1">
             <div className="flex justify-between items-center pl-1">
-              <div className="text-ellipsis overflow-hidden whitespace-nowrap" title={proxy.name}>
-                {proxy.name}
+              <div className="text-ellipsis overflow-hidden whitespace-nowrap">
+                <div className="flag-emoji inline" title={proxy.name}>
+                  {proxy.name}
+                </div>
               </div>
               {fixed && (
                 <Button
@@ -110,14 +112,14 @@ const ProxyItem: React.FC<Props> = (props) => {
                 variant="light"
                 className="h-full text-sm ml-auto -mt-0.5 px-2 relative w-min whitespace-nowrap"
               >
-                <div className="w-full h-full flex items-center">
+                <div className="w-full h-full flex items-center justify-end">
                   {delayText(delay)}
                 </div>
               </Button>
             </div>
           </div>
         ) : (
-        <div className="flex justify-between items-center pl-1 p-1">
+        <div className="flex justify-between items-center pl-1">
           <div className="text-ellipsis overflow-hidden whitespace-nowrap">
             <div className="flag-emoji inline" title={proxy.name}>
               {proxy.name}
@@ -148,7 +150,7 @@ const ProxyItem: React.FC<Props> = (props) => {
               variant="light"
               className="h-[24px] text-sm px-2 relative w-min whitespace-nowrap"
             >
-              <div className="w-full h-full flex items-center">
+              <div className="w-full h-full flex items-center justify-end">
                 {delayText(delay)}
               </div>
             </Button>