1 files changed, 42 insertions, 10 deletions

diff --git a/src/client/views/nodes/ScriptingBox.scss b/src/client/views/nodes/ScriptingBox.scss
index 43695f00d..4746d62d4 100644
--- a/src/client/views/nodes/ScriptingBox.scss
+++ b/src/client/views/nodes/ScriptingBox.scss
@@ -5,31 +5,63 @@
     flex-direction: column;
     background-color: rgb(241, 239, 235);
     padding: 10px;
+
     .scriptingBox-inputDiv {
         display: flex;
         flex-direction: column;
         height: calc(100% - 30px);
+        table-layout: fixed;
+
+        overflow-y: hidden;
+        white-space: nowrap;
+
+        .scriptingBox-wrapper {
+            width: 100%;
+            height: 100%;
+            max-height: calc(100%-30px);
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            overflow-y: hidden;
+
+            .scriptingBox-textArea {
+                flex: 70;
+                width: 70%;
+                height: 100%;
+                box-sizing: border-box;
+                resize: none;
+                padding: 7px;
+                overflow-y: hidden;
+            }
+
+            .scriptingBox-plist {
+                flex: 30;
+                width: 30%;
+                height: 100%;
+                box-sizing: border-box;
+                resize: none;
+                padding: 2px;
+                overflow-y: scroll;
+            }
+        }
+
         .scriptingBox-errorMessage {
             overflow: auto;
         }
+
         .scripting-params {
             background: "beige";
         }
-        .scriptingBox-textArea {
-            width: 100%;
-            height: 100%;
-            box-sizing: border-box;
-            resize: none;
-            padding: 7px;
-        }
     }
 
     .scriptingBox-toolbar {
         width: 100%;
         height: 30px;
+
         .scriptingBox-button {
-            width: 50%
+            width: 50%;
+            resize: auto;
+
         }
     }
-}
-
+}
\ No newline at end of file