From e02f3426ea9418b1a42f621157b01b0632750069 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 23 Mar 2021 12:51:14 +0300
Subject: [PATCH] Fine-tuning PageLayout header

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+cluster-settings/cluster-settings.tsx |  4 ++--
 src/renderer/components/+preferences/preferences.tsx  |  2 +-
 src/renderer/components/layout/page-layout.scss       | 11 +++++++++++
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+cluster-settings/cluster-settings.tsx b/src/renderer/components/+cluster-settings/cluster-settings.tsx
index 3ff49d44e3..20ad5543c4 100644
--- a/src/renderer/components/+cluster-settings/cluster-settings.tsx
+++ b/src/renderer/components/+cluster-settings/cluster-settings.tsx
@@ -53,8 +53,8 @@ export class ClusterSettings extends React.Component<Props> {
     if (!cluster) return null;
     const header = (
       <>
-        <ClusterIcon cluster={cluster} showErrors={false} showTooltip={false}/>
-        <h2>{cluster.preferences.clusterName}</h2>
+        <ClusterIcon cluster={cluster} showErrors={false} showTooltip={false} isActive />
+        <h1>{cluster.preferences.clusterName}</h1>
       </>
     );
 
diff --git a/src/renderer/components/+preferences/preferences.tsx b/src/renderer/components/+preferences/preferences.tsx
index eada7eb41e..e546dda4b0 100644
--- a/src/renderer/components/+preferences/preferences.tsx
+++ b/src/renderer/components/+preferences/preferences.tsx
@@ -47,7 +47,7 @@ export class Preferences extends React.Component {
 
   render() {
     const { preferences } = userStore;
-    const header = <h2>Preferences</h2>;
+    const header = <h1>Preferences</h1>;
     let defaultShell = process.env.SHELL || process.env.PTYSHELL;
 
     if (!defaultShell) {
diff --git a/src/renderer/components/layout/page-layout.scss b/src/renderer/components/layout/page-layout.scss
index 4b9a73144e..4e63a24fd1 100644
--- a/src/renderer/components/layout/page-layout.scss
+++ b/src/renderer/components/layout/page-layout.scss
@@ -53,6 +53,17 @@
     height: var(--header-height);
     grid-column-start: 1;
     grid-column-end: 4;
+
+    .ClusterIcon {
+      --size: 32px;
+      margin-right: 15px;
+      margin-left: 4px;
+    }
+
+    h1 {
+      color: var(--textColorAccent);
+      font-size: 24px;
+    }
   }
 
   > .content-navigation {