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

@@ -34,8 +34,11 @@
   }
 
   > .clusters {
-    //@include hidden-scrollbar;
-    //flex: 1;
+    @include hidden-scrollbar;
+
+    .is-mac & {
+      margin-top: $padding;
+    }
   }
 
   > .add-cluster {

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(),