From 64c7e5d82c161b627a7fc5e7be6a3cd4a94b7f13 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 20 Dec 2024 19:50:11 -0800
Subject: [PATCH] Tweak: adjust chart height (#4458)

---
 src/styles/globals.css                       | 4 ++++
 src/widgets/glances/components/container.jsx | 2 +-
 src/widgets/glances/metrics/process.jsx      | 4 ++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 1e91f86e..e8e9ab35 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -63,3 +63,7 @@ dialog ::-webkit-scrollbar {
 ::-webkit-details-marker {
   display: none;
 }
+
+.chart + .chart {
+  margin-top: 36px;
+}
diff --git a/src/widgets/glances/components/container.jsx b/src/widgets/glances/components/container.jsx
index 3e9e8b5a..3babeda1 100644
--- a/src/widgets/glances/components/container.jsx
+++ b/src/widgets/glances/components/container.jsx
@@ -18,7 +18,7 @@ export default function Container({ children, widget, error = null, chart = true
   }
 
   return (
-    <div className={classNames("service-container relative", chart ? "h-[120px]" : "")}>
+    <div className={classNames("service-container relative", chart ? "chart h-[84px]" : "")}>
       {children}
       <div className={`absolute top-0 right-0 bottom-0 left-0 overflow-clip pointer-events-none ${className}`} />
       {chart && <div className="chart h-[68px] overflow-clip" />}
diff --git a/src/widgets/glances/metrics/process.jsx b/src/widgets/glances/metrics/process.jsx
index b20b4c63..0cf22053 100644
--- a/src/widgets/glances/metrics/process.jsx
+++ b/src/widgets/glances/metrics/process.jsx
@@ -45,7 +45,7 @@ export default function Component({ service }) {
 
   return (
     <Container chart={chart}>
-      <Block position="top-4 right-3 left-3">
+      <Block position="top-0 right-3 left-3">
         <div className="flex items-center text-xs">
           <div className="grow" />
           <div className="w-14 text-right italic">{t("resources.cpu")}</div>
@@ -53,7 +53,7 @@ export default function Component({ service }) {
         </div>
       </Block>
 
-      <Block position="bottom-4 right-3 left-3">
+      <Block position="bottom-2 right-3 left-3">
         <div className="pointer-events-none text-theme-900 dark:text-theme-200">
           {data.map((item) => (
             <div key={item.pid} className="text-[0.75rem] h-[0.8rem]">