From f0ae53c41bc89a8d4caa20ec33b1510e21746820 Mon Sep 17 00:00:00 2001
From: LukeGus <bugattiguy527@gmail.com>
Date: Mon, 18 Aug 2025 01:02:30 -0500
Subject: [PATCH] Fix HDD name and UI spacing

---
 src/ui/apps/Server/Server.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/apps/Server/Server.tsx b/src/ui/apps/Server/Server.tsx
index 27cb52d0..be6a4470 100644
--- a/src/ui/apps/Server/Server.tsx
+++ b/src/ui/apps/Server/Server.tsx
@@ -170,7 +170,7 @@ export function Server({
                 <div className="rounded-lg border-2 border-[#303032] m-3 bg-[#0e0e10] flex flex-row items-stretch">
                     {/* CPU */}
                     <div className="flex-1 min-w-0 px-2 py-2">
-                        <h1 className="font-bold text-lg flex flex-row gap-2 mb-1">
+                        <h1 className="font-bold xt-lg flex flex-row gap-2 mb-2">
                             <Cpu/>
                             {(() => {
                                 const pct = metrics?.cpu?.percent;
@@ -192,7 +192,7 @@ export function Server({
 
                     {/* Memory */}
                     <div className="flex-1 min-w-0 px-2 py-2">
-                        <h1 className="font-bold xt-lg flex flex-row gap-2 mb-1">
+                        <h1 className="font-bold xt-lg flex flex-row gap-2 mb-2">
                             <MemoryStick/>
                             {(() => {
                                 const pct = metrics?.memory?.percent;
@@ -212,7 +212,7 @@ export function Server({
 
                     {/* HDD */}
                     <div className="flex-1 min-w-0 px-2 py-2">
-                        <h1 className="font-bold text-lg flex flex-row gap-2 mb-1">
+                        <h1 className="font-bold xt-lg flex flex-row gap-2 mb-2">
                             <HardDrive/>
                             {(() => {
                                 const pct = metrics?.disk?.percent;
@@ -221,7 +221,7 @@ export function Server({
                                 const pctText = (typeof pct === 'number') ? `${pct}%` : 'N/A';
                                 const usedText = used ?? 'N/A';
                                 const totalText = total ?? 'N/A';
-                                return `HD Space - ${pctText} (${usedText} of ${totalText})`;
+                                return `HDD Space - ${pctText} (${usedText} of ${totalText})`;
                             })()}
                         </h1>