From 4f9ab17f7e8b770050c22e666164a3488d495d4b Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 13 Apr 2022 16:14:01 +0300
Subject: [PATCH] Fine-tune NoMetrics layout

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+cluster/cluster-no-metrics.module.scss     | 1 -
 .../components/+cluster/cluster-pie-charts.module.scss     | 7 ++++++-
 src/renderer/components/+cluster/cluster-pie-charts.tsx    | 6 +++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+cluster/cluster-no-metrics.module.scss b/src/renderer/components/+cluster/cluster-no-metrics.module.scss
index 508f3221c7..2ad031f434 100644
--- a/src/renderer/components/+cluster/cluster-no-metrics.module.scss
+++ b/src/renderer/components/+cluster/cluster-no-metrics.module.scss
@@ -12,7 +12,6 @@
   flex-grow: 1;
 
   .link {
-    text-decoration: underline;
     color: var(--blue);
     cursor: pointer;
   }
diff --git a/src/renderer/components/+cluster/cluster-pie-charts.module.scss b/src/renderer/components/+cluster/cluster-pie-charts.module.scss
index abedbb7038..9ec9564da0 100644
--- a/src/renderer/components/+cluster/cluster-pie-charts.module.scss
+++ b/src/renderer/components/+cluster/cluster-pie-charts.module.scss
@@ -7,7 +7,7 @@
   background: var(--contentColor);
   min-height: 280px;
   text-align: center;
-  padding: calc(var(--padding) * 2) 0;
+  padding: calc(var(--padding) * 2);
 }
 
 .chart {
@@ -15,3 +15,8 @@
   background: var(--contentColor);
   padding: calc(var(--padding) * 2) var(--padding);
 }
+
+.noMetrics {
+  display: flex;
+  flex-grow: 1;
+}
diff --git a/src/renderer/components/+cluster/cluster-pie-charts.tsx b/src/renderer/components/+cluster/cluster-pie-charts.tsx
index 259a0e4741..3121904e08 100644
--- a/src/renderer/components/+cluster/cluster-pie-charts.tsx
+++ b/src/renderer/components/+cluster/cluster-pie-charts.tsx
@@ -232,7 +232,11 @@ const NonInjectedClusterPieCharts = observer(({ clusterOverviewStore }: Dependen
     const { memoryCapacity, cpuCapacity, podCapacity } = getMetricLastPoints(clusterOverviewStore.metrics);
 
     if (!memoryCapacity || !cpuCapacity || !podCapacity) {
-      return <ClusterNoMetrics className={styles.empty}/>;
+      return (
+        <div className={styles.noMetrics}>
+          <ClusterNoMetrics className={styles.empty}/>
+        </div>
+      );
     }
 
     return renderCharts();