From d6f5cca350acd5542b2b891824c712e1fdabecbb Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 28 May 2021 14:48:48 +0300
Subject: [PATCH] Align cluster name on left

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/cluster-manager/cluster-manager.tsx         | 7 +------
 src/renderer/components/layout/topbar.module.css           | 3 +--
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/cluster-manager/cluster-manager.tsx b/src/renderer/components/cluster-manager/cluster-manager.tsx
index 7590f1f9ab..f8893bcbb7 100644
--- a/src/renderer/components/cluster-manager/cluster-manager.tsx
+++ b/src/renderer/components/cluster-manager/cluster-manager.tsx
@@ -52,12 +52,7 @@ export class ClusterManager extends React.Component {
       <div className="ClusterManager">
         <main>
           { isClusterVisible && (
-            <TopBar label={(
-              <>
-                <Icon svg="kube"/>{" "}
-                {cluster.contextName}
-              </>)
-            }>
+            <TopBar label={cluster.name}>
               <div>
                 <MaterialTooltip title="Back to Catalog" placement="left">
                   <Icon style={{ cursor: "default" }} material="close" onClick={() => navigate(catalogURL())}/>
diff --git a/src/renderer/components/layout/topbar.module.css b/src/renderer/components/layout/topbar.module.css
index 1b37bcad96..f27d71df97 100644
--- a/src/renderer/components/layout/topbar.module.css
+++ b/src/renderer/components/layout/topbar.module.css
@@ -8,10 +8,9 @@
 }
 
 .title {
-  @apply font-bold;
+  @apply font-bold px-6;
   color: var(--textColorAccent);
   align-items: center;
-  justify-content: center;
   display: flex;
 }