From 212882d77af88861079ecd4646adea692c21b814 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 11 Nov 2020 15:37:54 +0300
Subject: [PATCH] Remove generic styles for bottom bar extensions

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 extensions/support-page/renderer.tsx               |  4 ++--
 extensions/support-page/src/support.scss           |  6 ++++++
 .../components/cluster-manager/bottom-bar.scss     | 14 +++-----------
 .../components/cluster-manager/bottom-bar.tsx      |  2 +-
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/extensions/support-page/renderer.tsx b/extensions/support-page/renderer.tsx
index 87142c79da..b76ef0601c 100644
--- a/extensions/support-page/renderer.tsx
+++ b/extensions/support-page/renderer.tsx
@@ -19,10 +19,10 @@ export default class SupportPageRendererExtension extends LensRendererExtension
     {
       item: (
         <div
-          className="flex align-center gaps hover-highlight"
+          className="SupportPageIcon flex align-center"
           onClick={() => Navigation.navigate(supportPageURL())}
         >
-          <Component.Icon material="help" smallest />
+          <Component.Icon interactive material="help" smallest />
         </div>
       )
     }
diff --git a/extensions/support-page/src/support.scss b/extensions/support-page/src/support.scss
index efc14f2827..1876061fdd 100644
--- a/extensions/support-page/src/support.scss
+++ b/extensions/support-page/src/support.scss
@@ -10,4 +10,10 @@
       margin-left: 2px;
     }
   }
+}
+
+.SupportPageIcon {
+  color: white;
+  font-size: var(--font-size-small);
+  padding-right: calc(var(--padding) / 2);
 }
\ No newline at end of file
diff --git a/src/renderer/components/cluster-manager/bottom-bar.scss b/src/renderer/components/cluster-manager/bottom-bar.scss
index 833e7b9bfc..0a73bbacbb 100644
--- a/src/renderer/components/cluster-manager/bottom-bar.scss
+++ b/src/renderer/components/cluster-manager/bottom-bar.scss
@@ -2,27 +2,19 @@
   $spacing: $padding / 2;
   --flex-gap: #{$spacing};
 
-  font-size: $font-size-small;
-  background-color: #3d90ce;
+  background-color: var(--blue);
   padding: 0 2px;
-  color: white;
   height: 22px;
 
   #current-workspace {
+    font-size: var(--font-size-small);
+    color: white;
     padding: $padding / 4 $padding / 2;
     cursor: pointer;
-  }
 
-  .hover-highlight {
     &:hover {
       background-color: #ffffff33;
       cursor: pointer;
     }
   }
-
-  .extensions {
-    > * {
-      padding: $padding / 4 $padding / 2;
-    }
-  }
 }
diff --git a/src/renderer/components/cluster-manager/bottom-bar.tsx b/src/renderer/components/cluster-manager/bottom-bar.tsx
index fe7876f397..7302469a2a 100644
--- a/src/renderer/components/cluster-manager/bottom-bar.tsx
+++ b/src/renderer/components/cluster-manager/bottom-bar.tsx
@@ -13,7 +13,7 @@ export class BottomBar extends React.Component {
     const { currentWorkspace } = workspaceStore;
     return (
       <div className="BottomBar flex gaps">
-        <div id="current-workspace" className="flex gaps align-center hover-highlight">
+        <div id="current-workspace" className="flex gaps align-center">
           <Icon smallest material="layers"/>
           <span className="workspace-name">{currentWorkspace.name}</span>
         </div>