fixes

Signed-off-by: Roman <ixrock@gmail.com>

src/renderer/components/app.scss

@@ -39,6 +39,16 @@ html, body {
   min-height: 100%;
 }
 
+// fixme: doesn't work
+#draggable-top {
+  @include set-draggable;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 20px;
+}
+
 body {
   font: $font-size $font-main;
 }

src/renderer/components/app.tsx

@@ -1,7 +1,6 @@
 import "./app.scss";
 
 import React, { Fragment } from "react";
-import { observer } from "mobx-react";
 import { i18nStore } from "../i18n";
 import { configStore } from "../config.store";
 import { Terminal } from "./dock/terminal";
@@ -30,9 +29,7 @@ import { DeploymentScaleDialog } from "./+workloads-deployments/deployment-scale
 import { CustomResources } from "./+custom-resources/custom-resources";
 import { crdRoute } from "./+custom-resources";
 import { isAllowedResource } from "../api/rbac";
-import { clusterStore } from "../../common/cluster-store";
 
-@observer
 export class App extends React.Component {
   static rootElem = document.getElementById('app');
 
@@ -48,13 +45,6 @@ export class App extends React.Component {
       <Fragment>
         <Switch>
           <Switch>
-            <Route children={() => (
-              <div>
-                <p className="info">App is running!</p>
-                <p>Current cluster:</p>
-                <pre>{JSON.stringify(clusterStore.activeCluster.toJSON(), null, 2)}</pre>
-              </div>
-            )}/>
             <Route component={Cluster} {...clusterRoute}/>
             <Route component={Nodes} {...nodesRoute}/>
             <Route component={Workloads} {...workloadsRoute}/>

src/renderer/components/cluster-manager/cluster-manager.scss

@@ -1,22 +1,17 @@
 .ClusterManager {
   display: grid;
-  grid-template-areas: "draggable draggable" "menu lens-view" "bottom-bar bottom-bar";
+  grid-template-areas: "menu lens-view" "menu lens-view" "bottom-bar bottom-bar";
   grid-template-rows: auto 1fr min-content;
   grid-template-columns: min-content 1fr;
   height: 100%;
 
-  .draggable-top {
-    @include set-draggable;
-    grid-area: draggable;
-    height: 25px;
-  }
-
   #lens-view {
     position: relative;
     grid-area: lens-view;
   }
 
   .ClustersMenu {
+    margin-top: 25px;
     grid-area: menu;
   }
 

src/renderer/components/cluster-manager/cluster-manager.tsx

@@ -8,7 +8,7 @@ export class ClusterManager extends React.Component {
     const { children: lensView } = this.props;
     return (
       <div className="ClusterManager">
-        <div className="draggable-top"/>
+        <div id="draggable-top"></div>
         <div id="lens-view">{lensView}</div>
         <ClustersMenu/>
         <BottomBar/>

src/renderer/components/cluster-manager/clusters-menu.scss

@@ -4,7 +4,7 @@
   --flex-gap: #{$padding * 2};
   --menu-bgc: #252729;
 
-  padding: $padding * 1.5;
+  padding: $padding * 2;
   background: var(--menu-bgc);
 
   .add-cluster {

src/renderer/components/layout/main-layout.scss

@@ -7,7 +7,7 @@
   grid-template-areas: "aside header" "aside tabs" "aside main" "aside footer";
   grid-template-rows: [header] var(--main-layout-header) [tabs] min-content [main] 1fr [footer] auto;
   grid-template-columns: [sidebar] minmax(var(--main-layout-header), min-content) [main] 1fr;
-  height: 100vh;
+  height: 100%;
 
   &.light {
     main {