Fix resize issues

app/views/scripts/components/ProjectPage.vue

@@ -26,7 +26,7 @@
           @on-close="displayOntology = false"
           @label-click="handleOntologyLabelClick"
         />
-        <Editor :title="title" :class="{reduced: !displayChat && !displayScript}">
+        <Editor :title="title" :class="{reduced: !displayChat && !displayScript}" toolsMinHeight="300px">
           <template v-slot:tools>
             <Tools />
           </template>

app/views/scripts/components/Tools.vue

@@ -200,7 +200,7 @@
     </Button>
   </Row>
   <Row
-    style="flex: 1; min-height: 60px; margin: 0 0 30px"
+    style="flex: 1; min-height: 40px"
     v-if="displayChat || displayScript"
   >
     <div class="text">
@@ -260,8 +260,6 @@ const toggleChat = () => {
   if (displayChat.value) {
     displayScript.value = false;
   }
-  if (!displayChat.value && !displayScript.value) {
-  }
 };
 
 const toggleScript = () => {
@@ -280,7 +278,6 @@ const selectTool = (event) => {
   Microdraw.toolSelection(event.currentTarget.id);
 };
 
-
 const sendChatMessage = (message) => {
   Microdraw.sendChatMessage(message);
 };
@@ -296,8 +293,9 @@ const sendChatMessage = (message) => {
   padding: 1px 9px !important;
 }
 button, .group {
-  border: thin solid #777;
-}
+    border: thin solid #777;
+  }
+
 button.pressed {
   background: #777;
 }
@@ -313,4 +311,16 @@ button img.icon {
 .text {
   width: 100%;
 }
-</style>
+</style>
+<style>
+.range-slider button {
+  border: thin solid #777;
+}
+</style>
+<style>
+  #logScript {
+    height: calc(100% - 22px);
+  }
+  </style>
+
+

package.json

@@ -30,7 +30,7 @@
     "multer": "^1.4.1",
     "mustache-express": "latest",
     "neuroweblab": "github:neuroanatomy/neuroweblab",
-    "nwl-components": "1.1.6",
+    "nwl-components": "1.1.9",
     "passport": "^0.4.0",
     "passport-github": "latest",
     "passport-local": "^1.0.0",