From 78042da151803758759b94cd4ab0b342bd3a8354 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=93=E9=BC=A0?=
 <71394853+hamster1963@users.noreply.github.com>
Date: Tue, 15 Oct 2024 15:30:26 +0000
Subject: [PATCH] style: optimized status display

---
 components/ServerCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ServerCard.tsx b/components/ServerCard.tsx
index 36a40dc09..a1a6ec7c6 100644
--- a/components/ServerCard.tsx
+++ b/components/ServerCard.tsx
@@ -40,8 +40,9 @@ export default function ServerCard({
         <PopoverTrigger asChild>
           <section
             className="grid items-center gap-2 lg:w-28"
-            style={{ gridTemplateColumns: "auto 1fr auto" }}
+            style={{ gridTemplateColumns: "auto auto 1fr" }}
           >
+            <span className="h-2 w-2 shrink-0 rounded-full bg-green-500 self-center"></span>
             <div
               className={cn(
                 "flex items-center justify-center",
@@ -58,7 +59,6 @@ export default function ServerCard({
             >
               {name}
             </p>
-            <span className="h-2 w-2 shrink-0 rounded-full bg-green-500 self-center"></span>
           </section>
         </PopoverTrigger>
         <PopoverContent side="top">
@@ -142,8 +142,9 @@ export default function ServerCard({
         <PopoverTrigger asChild>
           <section
             className="grid items-center gap-2 lg:w-28"
-            style={{ gridTemplateColumns: "auto 1fr auto" }}
+            style={{ gridTemplateColumns: "auto auto 1fr" }}
           >
+            <span className="h-2 w-2 shrink-0 rounded-full bg-red-500 self-center"></span>
             <div
               className={cn(
                 "flex items-center justify-center",
@@ -160,7 +161,6 @@ export default function ServerCard({
             >
               {name}
             </p>
-            <span className="h-2 w-2 shrink-0 rounded-full bg-red-500 self-center"></span>
           </section>
         </PopoverTrigger>
         <PopoverContent className="w-fit p-2" side="top">