From 29e13ae77032dc9df111cbd8b062791e884f6c08 Mon Sep 17 00:00:00 2001
From: kokodev <github@kokofixcomputers.serv00.net>
Date: Tue, 29 Oct 2024 18:35:34 -0700
Subject: [PATCH] Center everything???????

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

diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
index 96ee7b187..d38fd91ec 100644
--- a/resources/scripts/components/dashboard/ServerRow.tsx
+++ b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -131,36 +131,36 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 </div>
             </div>
             {stats && (
-                <div css={tw`flex flex-col sm:flex-row items-center justify-between 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>
+                <div css={tw`flex flex-col sm:flex-row items-center justify-center sm:justify-between 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>
+                </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>
+                {/* 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>
                 </div>
-            )}
+            </div>
+        )}
             <div className={'status-bar'} />
         </StatusIndicatorBox>
     );