From 69fcd3f0c8f26d82c378b91f667ba671f5983acf Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 15 Mar 2023 10:27:01 -0700
Subject: [PATCH] Add padding to values in resources widget

Closes #1110
---
 src/components/widgets/resources/cpu.jsx    | 8 ++++----
 src/components/widgets/resources/disk.jsx   | 8 ++++----
 src/components/widgets/resources/memory.jsx | 8 ++++----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/widgets/resources/cpu.jsx b/src/components/widgets/resources/cpu.jsx
index 0382270c..7069e3c4 100644
--- a/src/components/widgets/resources/cpu.jsx
+++ b/src/components/widgets/resources/cpu.jsx
@@ -29,12 +29,12 @@ export default function Cpu({ expanded }) {
         <FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
         <div className="flex flex-col ml-3 text-left min-w-[85px]">
           <div className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-            <div className="pl-0.5">-</div>
+            <div className="pl-0.5 pr-1">-</div>
             <div className="pr-1">{t("resources.cpu")}</div>
           </div>
           {expanded && (
             <div className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-              <div className="pl-0.5">-</div>
+              <div className="pl-0.5 pr-1">-</div>
               <div className="pr-1">{t("resources.load")}</div>
             </div>
           )}
@@ -51,7 +51,7 @@ export default function Cpu({ expanded }) {
       <FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
       <div className="flex flex-col ml-3 text-left min-w-[85px]">
         <div className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-          <div className="pl-0.5">
+          <div className="pl-0.5 pr-1">
             {t("common.number", {
               value: data.cpu.usage,
               style: "unit",
@@ -63,7 +63,7 @@ export default function Cpu({ expanded }) {
         </div>
         {expanded && (
           <div className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-            <div className="pl-0.5">
+            <div className="pl-0.5 pr-1">
               {t("common.number", {
                 value: data.cpu.load,
                 maximumFractionDigits: 2,
diff --git a/src/components/widgets/resources/disk.jsx b/src/components/widgets/resources/disk.jsx
index bed7caef..fb770dbb 100644
--- a/src/components/widgets/resources/disk.jsx
+++ b/src/components/widgets/resources/disk.jsx
@@ -29,12 +29,12 @@ export default function Disk({ options, expanded }) {
         <FiHardDrive className="text-theme-800 dark:text-theme-200 w-5 h-5" />
         <div className="flex flex-col ml-3 text-left min-w-[85px]">
           <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-            <div className="pl-0.5">-</div>
+            <div className="pl-0.5 pr-1">-</div>
             <div className="pr-1">{t("resources.free")}</div>
           </span>
           {expanded && (
             <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-              <div className="pl-0.5">-</div>
+              <div className="pl-0.5 pr-1">-</div>
               <div className="pr-1">{t("resources.total")}</div>
             </span>
           )}
@@ -51,12 +51,12 @@ export default function Disk({ options, expanded }) {
       <FiHardDrive className="text-theme-800 dark:text-theme-200 w-5 h-5" />
       <div className="flex flex-col ml-3 text-left min-w-[85px]">
         <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-          <div className="pl-0.5">{t("common.bytes", { value: data.drive.freeGb * 1024 * 1024 * 1024 })}</div>
+          <div className="pl-0.5 pr-1">{t("common.bytes", { value: data.drive.freeGb * 1024 * 1024 * 1024 })}</div>
           <div className="pr-1">{t("resources.free")}</div>
         </span>
         {expanded && (
           <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-            <div className="pl-0.5">{t("common.bytes", { value: data.drive.totalGb * 1024 * 1024 * 1024 })}</div>
+            <div className="pl-0.5 pr-1">{t("common.bytes", { value: data.drive.totalGb * 1024 * 1024 * 1024 })}</div>
             <div className="pr-1">{t("resources.total")}</div>
           </span>
         )}
diff --git a/src/components/widgets/resources/memory.jsx b/src/components/widgets/resources/memory.jsx
index 068177df..27351998 100644
--- a/src/components/widgets/resources/memory.jsx
+++ b/src/components/widgets/resources/memory.jsx
@@ -29,12 +29,12 @@ export default function Memory({ expanded }) {
         <FaMemory className="text-theme-800 dark:text-theme-200 w-5 h-5" />
         <div className="flex flex-col ml-3 text-left min-w-[85px]">
           <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-            <div className="pl-0.5">-</div>
+            <div className="pl-0.5 pr-1">-</div>
             <div className="pr-1">{t("resources.free")}</div>
           </span>
           {expanded && (
             <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-              <div className="pl-0.5">-</div>
+              <div className="pl-0.5 pr-1">-</div>
               <div className="pr-1">{t("resources.total")}</div>
             </span>
           )}
@@ -51,14 +51,14 @@ export default function Memory({ expanded }) {
       <FaMemory className="text-theme-800 dark:text-theme-200 w-5 h-5" />
       <div className="flex flex-col ml-3 text-left min-w-[85px]">
         <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-          <div className="pl-0.5">
+          <div className="pl-0.5 pr-1">
             {t("common.bytes", { value: data.memory.freeMemMb * 1024 * 1024, maximumFractionDigits: 1, binary: true })}
           </div>
           <div className="pr-1">{t("resources.free")}</div>
         </span>
         {expanded && (
           <span className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
-            <div className="pl-0.5">
+            <div className="pl-0.5 pr-1">
               {t("common.bytes", {
                 value: data.memory.totalMemMb * 1024 * 1024,
                 maximumFractionDigits: 1,