update layout

Author: x87

editor/src/app/components/scm/key-value-editor/key-value-editor.component.scss

@@ -21,7 +21,6 @@
 .scroll-container {
   flex: 1 1 auto;
   min-height: 0;
-  max-height: calc(100% - 64px);
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: 16px;

editor/src/app/components/scm/ref-editor/ref-editor.component.scss

@@ -1 +1,7 @@
-
+:host {
+  max-height: calc(100vh - 198px);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}

editor/src/app/components/scm/ref-list/ref-list.component.scss

@@ -1,8 +1,19 @@
 .scroll-container {
-  max-height: calc(100% - 64px);
-  overflow: auto;
+  flex: 1 1 auto;
+  overflow-y: auto;
+  overflow-x: hidden;
+  min-height: 0;
+  padding-right: 16px;
 }
 
 .sample {
   margin-bottom: 0;
 }
+
+:host {
+  max-height: calc(100vh - 198px);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}

editor/src/app/components/scm/variable-editor/variable-editor.component.scss

@@ -1 +1,7 @@
-
+:host {
+  max-height: calc(100vh - 198px);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}

editor/src/app/components/scm/variable-list/variable-list.component.scss

@@ -1,8 +1,19 @@
 .scroll-container {
-  max-height: calc(100% - 64px);
-  overflow: auto;
+  flex: 1 1 auto;
+  overflow-y: auto;
+  overflow-x: hidden;
+  min-height: 0;
+  padding-right: 16px;
 }
 
 .sample {
   margin-bottom: 0;
 }
+
+:host {
+  max-height: calc(100vh - 198px);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}