From 2eaa4bb175ac28a39c5b7f913b25b65051da5f54 Mon Sep 17 00:00:00 2001
From: kokodev <github@kokofixcomputers.serv00.net>
Date: Mon, 14 Oct 2024 08:53:16 -0700
Subject: [PATCH] i didn't fix it appernelty

---
 .../components/dashboard/ServerRow.tsx        | 50 +++++++++----------
 1 file changed, 24 insertions(+), 26 deletions(-)

diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
index b46ac8e25..c57b24280 100644
--- a/resources/scripts/components/dashboard/ServerRow.tsx
+++ b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -131,36 +131,34 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 </div>
             </div>
             {stats && (
-                <div css={tw`flex flex-col items-center justify-center col-span-full sm:flex-row sm:justify-around`}>
-                    <React.Fragment>
-                        {/* CPU Indicator */}
-                        <div css={tw`flex flex-col items-center w-full sm:w-auto`}>
-                            <div css={tw`flex justify-center text-neutral-500`}>
-                                <Icon.Cpu size={20} />
-                                <IconDescription $alarm={alarms.cpu}>
-                                    {stats.cpuUsagePercent.toFixed(2)}%
-                                </IconDescription>
-                            </div>
+                <div css={tw`flex flex-col sm:flex-row items-center justify-center col-span-full`}>
+                    {/* CPU Indicator */}
+                    <div css={tw`flex flex-col items-center w-full sm:w-auto mb-4 sm:mb-0`}>
+                        <div css={tw`flex justify-center text-neutral-500`}>
+                            <Icon.Cpu size={20} />
+                            <IconDescription $alarm={alarms.cpu}>
+                                {stats.cpuUsagePercent.toFixed(2)}%
+                            </IconDescription>
                         </div>
-
-                        {/* Memory Indicator */}
-                        <div css={tw`flex flex-col items-center w-full sm:w-auto`}>
-                            <div css={tw`flex justify-center text-gray-500`}>
-                                <Icon.PieChart size={20} />
-                                <IconDescription $alarm={alarms.memory}>
-                                    {bytesToString(stats.memoryUsageInBytes)}
-                                </IconDescription>
-                            </div>
+                    </div>
+
+                    {/* Memory Indicator */}
+                    <div css={tw`flex flex-col items-center w-full sm:w-auto mb-4 sm:mb-0`}>
+                        <div css={tw`flex justify-center text-gray-500`}>
+                            <Icon.PieChart size={20} />
+                            <IconDescription $alarm={alarms.memory}>
+                                {bytesToString(stats.memoryUsageInBytes)}
+                            </IconDescription>
                         </div>
+                    </div>
 
-                        {/* Disk Indicator */}
-                        <div css={tw`flex flex-col items-center w-full sm:w-auto`}>
-                            <div css={tw`flex justify-center text-gray-500`}>
-                                <Icon.HardDrive size={20} />
-                                <IconDescription>{bytesToString(stats?.diskUsageInBytes)}</IconDescription>
-                            </div>
+                    {/* Disk Indicator */}
+                    <div css={tw`flex flex-col items-center w-full sm:w-auto`}>
+                        <div css={tw`flex justify-center text-gray-500`}>
+                            <Icon.HardDrive size={20} />
+                            <IconDescription>{bytesToString(stats?.diskUsageInBytes)}</IconDescription>
                         </div>
-                    </React.Fragment>
+                    </div>
                 </div>
             )}
             <div className={'status-bar'} />