Fix resize & fullscreen issues

package.json

@@ -57,7 +57,7 @@
     "multer": "^1.4.2",
     "mustache-express": "^1.3.0",
     "neuroweblab": "github:neuroanatomy/neuroweblab",
-    "nwl-components": "1.1.4",
+    "nwl-components": "1.1.9",
     "pako": "^1.0.11",
     "passport": "^0.4.1",
     "passport-github": "^1.1.0",

view/brainbox/src/components/MRIPage.vue

@@ -91,7 +91,7 @@
         </div>
       </div>
       <div class="right">
-        <Editor title="MRI" :class="{reduced: !displayChat && !displayScript}">
+        <Editor title="MRI" :class="{fullscreen,reduced: !displayChat && !displayScript}" toolsMinHeight="340px">
           <template v-slot:tools>
             <Tools />
           </template>
@@ -218,7 +218,7 @@ main {
   position: relative;
 }
 
-.area.fullscreen {
+:deep(.area.fullscreen) {
   position: absolute;
   width: 100%;
   height: calc(100vh - 82px);

view/brainbox/src/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="340px">
         <template v-slot:tools>
           <Tools />
         </template>

view/brainbox/src/components/Tools.vue

@@ -182,7 +182,7 @@
     </ButtonsGroup>
   </Row>
 
-  <Row style="flex: 1; min-height:60px; margin: 0 0 30px" v-if="displayChat || displayScript">
+  <Row style="flex: 1; min-height:60px" v-if="displayChat || displayScript">
     <div class="text">
       <Chat
         v-if="displayChat"
@@ -384,4 +384,7 @@ button img.icon {
     width: 7px;
     height: 7px;
 }
+.text .chat .messages {
+  min-height: 75px;
+}
 </style>