From a0831b3283f3cea65e8bd52aa4eabff7d131533e Mon Sep 17 00:00:00 2001
From: Roman <ixrock@gmail.com>
Date: Fri, 17 Jul 2020 08:46:33 +0300
Subject: [PATCH] added css-class "is-mac" to #app for customizing mac-specific
 styles

Signed-off-by: Roman <ixrock@gmail.com>
---
 src/renderer/components/cluster-manager/clusters-menu.scss | 7 +++++--
 src/renderer/index.tsx                                     | 2 ++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/cluster-manager/clusters-menu.scss b/src/renderer/components/cluster-manager/clusters-menu.scss
index 07ba56d8a2..de38ba258c 100644
--- a/src/renderer/components/cluster-manager/clusters-menu.scss
+++ b/src/renderer/components/cluster-manager/clusters-menu.scss
@@ -34,8 +34,11 @@
   }
 
   > .clusters {
-    //@include hidden-scrollbar;
-    //flex: 1;
+    @include hidden-scrollbar;
+
+    .is-mac & {
+      margin-top: $padding;
+    }
   }
 
   > .add-cluster {
diff --git a/src/renderer/index.tsx b/src/renderer/index.tsx
index 0d11cb0c02..86c24632d1 100644
--- a/src/renderer/index.tsx
+++ b/src/renderer/index.tsx
@@ -8,6 +8,7 @@ import { workspaceStore } from "../common/workspace-store";
 import { clusterStore } from "../common/cluster-store";
 import { I18nProvider } from "@lingui/react";
 import { browserHistory } from "./navigation";
+import { isMac } from "../common/vars";
 import { _i18n } from "./i18n";
 import { App } from "./components/app";
 import { ClusterManager } from "./components/cluster-manager";
@@ -18,6 +19,7 @@ import { Preferences, preferencesRoute } from "./components/+preferences";
 @observer
 class LensApp extends React.Component {
   static async init() {
+    App.rootElem.classList.toggle("is-mac", isMac);
     await Promise.all([
       userStore.load(),
       workspaceStore.load(),