From 5c89ea9d7d92dcc9c60dd0673b7f636e5365cf73 Mon Sep 17 00:00:00 2001
From: Jari Kolehmainen <jari.kolehmainen@gmail.com>
Date: Thu, 1 Apr 2021 14:26:04 +0300
Subject: [PATCH] hotbar css fix

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
---
 .../components/cluster-manager/cluster-manager.scss         | 4 ++--
 src/renderer/components/hotbar/hotbar-menu.scss             | 6 +-----
 src/renderer/components/hotbar/hotbar-menu.tsx              | 2 +-
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/cluster-manager/cluster-manager.scss b/src/renderer/components/cluster-manager/cluster-manager.scss
index c283d9aabf..a7d081cc4d 100644
--- a/src/renderer/components/cluster-manager/cluster-manager.scss
+++ b/src/renderer/components/cluster-manager/cluster-manager.scss
@@ -13,7 +13,7 @@
     display: flex;
   }
 
-  .ClustersMenu {
+  .HotbarMenu {
     grid-area: menu;
   }
 
@@ -34,4 +34,4 @@
       flex: 1;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/renderer/components/hotbar/hotbar-menu.scss b/src/renderer/components/hotbar/hotbar-menu.scss
index 44e9a43b96..6d85ff6c87 100644
--- a/src/renderer/components/hotbar/hotbar-menu.scss
+++ b/src/renderer/components/hotbar/hotbar-menu.scss
@@ -13,15 +13,11 @@
     height: 20px; // extra spacing for mac-os "traffic-light" buttons
   }
 
-  .clusters {
+  .items {
     @include hidden-scrollbar;
     padding: 0 $spacing; // extra spacing for cluster-icon's badge
     margin-bottom: $margin;
 
-    .ClusterIcon {
-      margin-bottom: $margin * 1.5;
-    }
-
     &:empty {
       display: none;
     }
diff --git a/src/renderer/components/hotbar/hotbar-menu.tsx b/src/renderer/components/hotbar/hotbar-menu.tsx
index 9bf9f19683..aa5ae4bcd0 100644
--- a/src/renderer/components/hotbar/hotbar-menu.tsx
+++ b/src/renderer/components/hotbar/hotbar-menu.tsx
@@ -24,7 +24,7 @@ export class HotbarMenu extends React.Component<Props> {
 
     return (
       <div className={cssNames("HotbarMenu flex column", className)}>
-        <div className="clusters flex column gaps">
+        <div className="items flex column gaps">
           {items.map((entity) => {
             return (
               <HotbarIcon