From 00bb1a3f37940a0c3c681c3eef0a10d3e1fa0053 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 13 Jun 2025 10:18:26 -0700
Subject: [PATCH] Enhancement: improve glances info widget spacing (#5425)

---
 src/widgets/glances/metrics/info.jsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/widgets/glances/metrics/info.jsx b/src/widgets/glances/metrics/info.jsx
index 85a7de5b5..0a3edcaa2 100644
--- a/src/widgets/glances/metrics/info.jsx
+++ b/src/widgets/glances/metrics/info.jsx
@@ -112,7 +112,7 @@ export default function Component({ service }) {
         <div className="bg-linear-to-br from-theme-500/30 via-theme-600/20 to-theme-700/10 absolute -top-10 -left-2 -right-2 -bottom-2 h-[calc(100%+3em)] w-[calc(100%+1em)]" />
       )}
 
-      <Block position={chart ? "-top-6 right-2" : "top-3 right-3"}>
+      <Block position={chart ? "-top-6 right-2" : "top-3 right-2"}>
         {quicklookData && quicklookData.cpu_name && chart && (
           <div className="text-[0.6rem] opacity-50">{quicklookData.cpu_name}</div>
         )}
@@ -124,7 +124,7 @@ export default function Component({ service }) {
           </div>
         )}
 
-        <div className="w-[4rem]">{!chart && <Swap quicklookData={quicklookData} className="opacity-25" />}</div>
+        <div>{!chart && <Swap quicklookData={quicklookData} className="opacity-25 ml-2" />}</div>
       </Block>
 
       {chart && (
@@ -136,18 +136,18 @@ export default function Component({ service }) {
       )}
 
       {!chart && (
-        <Block position="bottom-3 left-3 w-[4rem]">
-          <CPU quicklookData={quicklookData} className="opacity-75" />
+        <Block position="bottom-3 left-3">
+          <CPU quicklookData={quicklookData} className="opacity-75 mr-2" />
         </Block>
       )}
 
-      <Block position="bottom-3 right-2 w-[4rem]">
-        {chart && <CPU quicklookData={quicklookData} className="opacity-50" />}
+      <Block position="bottom-3 right-2">
+        {chart && <CPU quicklookData={quicklookData} className="opacity-50 ml-2" />}
 
-        {chart && <Mem quicklookData={quicklookData} className="opacity-50" />}
-        {!chart && <Mem quicklookData={quicklookData} className="opacity-75" />}
+        {chart && <Mem quicklookData={quicklookData} className="opacity-50 ml-2" />}
+        {!chart && <Mem quicklookData={quicklookData} className="opacity-75 ml-2" />}
 
-        {chart && <Swap quicklookData={quicklookData} className="opacity-50" />}
+        {chart && <Swap quicklookData={quicklookData} className="opacity-50 ml-2" />}
       </Block>
     </Container>
   );