1 files changed, 98 insertions, 12 deletions

diff --git a/src/client/views/nodes/ScriptingBox.scss b/src/client/views/nodes/ScriptingBox.scss
index 43695f00d..d369045f4 100644
--- a/src/client/views/nodes/ScriptingBox.scss
+++ b/src/client/views/nodes/ScriptingBox.scss
@@ -5,31 +5,117 @@
     flex-direction: column;
     background-color: rgb(241, 239, 235);
     padding: 10px;
+
     .scriptingBox-inputDiv {
         display: flex;
         flex-direction: column;
-        height: calc(100% - 30px);
+        height: 100%;
+        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: scroll;
+
+            .scriptingBox-textArea {
+                flex: 70;
+                width: 70%;
+                height: 100%;
+                box-sizing: border-box;
+                resize: none;
+                padding: 7px;
+                overflow-y: scroll;
+            }
+
+            .scriptingBox-plist {
+                flex: 30;
+                width: 30%;
+                height: 100%;
+                box-sizing: border-box;
+                resize: none;
+                padding: 2px;
+                overflow-y: scroll;
+
+                .scriptingBox-pborder {
+                    background-color: rgb(241, 239, 235);
+                }
+
+                .scriptingBox-viewBase {
+                    display: flex;
+
+                    .scriptingBox-viewPicker {
+                        font-size: 75%;
+                        //text-transform: uppercase;
+                        letter-spacing: 2px;
+                        background: rgb(238, 238, 238);
+                        color: grey;
+                        outline-color: black;
+                        border: none;
+                        padding: 12px 10px 11px 10px;
+                    }
+
+                    .scriptingBox-viewPicker:active {
+                        outline-color: black;
+                    }
+
+                    .commandEntry-outerDiv {
+                        pointer-events: all;
+                        background-color: gray;
+                        display: flex;
+                        flex-direction: row;
+                    }
+                }
+            }
+
+            .scriptingBox-paramNames {
+                flex: 60;
+                width: 60%;
+                box-sizing: border-box;
+                resize: none;
+                padding: 7px;
+                overflow-y: scroll;
+            }
+
+            .scriptingBox-paramInputs {
+                flex: 40;
+                width: 40%;
+                box-sizing: border-box;
+                resize: none;
+                padding: 2px;
+                overflow-y: scroll;
+            }
+        }
+
         .scriptingBox-errorMessage {
             overflow: auto;
+            background: "red";
+            background-color: "red";
+            height: 40px;
         }
+
         .scripting-params {
-            background: "beige";
-        }
-        .scriptingBox-textArea {
-            width: 100%;
-            height: 100%;
-            box-sizing: border-box;
-            resize: none;
-            padding: 7px;
+            background: rgb(241, 239, 235);
         }
     }
 
     .scriptingBox-toolbar {
         width: 100%;
         height: 30px;
+
         .scriptingBox-button {
-            width: 50%
+            width: 50%;
+            resize: auto;
         }
-    }
-}
 
+        .scriptingBox-button-third {
+            width: 33%;
+        }
+    }
+}
\ No newline at end of file