1 files changed, 31 insertions, 30 deletions

diff --git a/src/client/views/Main.scss b/src/client/views/Main.scss
index 13cadb10d..fbc7c8ef3 100644
--- a/src/client/views/Main.scss
+++ b/src/client/views/Main.scss
@@ -1,5 +1,6 @@
 @import "globalCssVariables";
 @import "nodeModuleOverrides";
+
 html,
 body {
     width: 100%;
@@ -7,9 +8,13 @@ body {
     overflow: auto;
     font-family: $sans-serif;
     margin: 0;
-    position:absolute;
+    position: absolute;
     top: 0;
-    left:0;
+    left: 0;
+}
+
+div {
+    user-select: none;
 }
 
 #dash-title {
@@ -42,7 +47,9 @@ h1 {
 }
 
 .jsx-parser {
-    width:100%
+    width: 100%;
+    pointer-events: none;
+    border-radius: inherit;
 }
 
 p {
@@ -53,7 +60,7 @@ p {
 ::-webkit-scrollbar {
     -webkit-appearance: none;
     height: 5px;
-    width: 5px;
+    width: 10px;
 }
 
 ::-webkit-scrollbar-thumb {
@@ -114,6 +121,7 @@ button:hover {
     position: absolute;
     bottom: 62px;
     left: 24px;
+
     .toolbar-button {
         display: block;
         margin-bottom: 10px;
@@ -125,6 +133,7 @@ button:hover {
     position: absolute;
     bottom: 24px;
     left: 24px;
+
     label {
         background: $dark-color;
         color: $light-color;
@@ -137,62 +146,53 @@ button:hover {
         cursor: pointer;
         transition: transform 0.2s;
     }
+
     label p {
         padding-left: 10.5px;
         padding-top: 3px;
     }
+
     label:hover {
         background: $main-accent;
         transform: scale(1.15);
     }
+
     input {
         display: none;
     }
+
     input:not(:checked)~#add-options-content {
         display: none;
     }
+
     input:checked~label {
         transform: rotate(45deg);
         transition: transform 0.5s;
         cursor: pointer;
     }
 }
+
 #root {
     overflow: visible;
 }
+
 #main-div {
-    width:100%;
-    height:100%;
-    position:absolute;
-    top: 0;
-    left:0;
-    overflow: scroll;
-}
-.mainDiv-textInput {
-    background-color: rgba(248, 6, 6, 0.001);
-    width: 200px;
-    height: 200px;
-    position:absolute;
-    overflow: visible;
+    width: 100%;
+    height: 100%;
+    position: absolute;
     top: 0;
     left: 0;
-    z-index: $mainTextInput-zindex;
-    .formattedTextBox-cont {
-        background-color: rgba(248, 6, 6, 0.001);
-        width: 100%;
-        height: 100%;
-        position:absolute;
-        top: 0;
-        left: 0;
-    }
+    overflow: scroll;
 }
+
 #mainContent-div {
-    width:100%;
-    height:100%;
-    position:absolute;
+    width: 100%;
+    height: 100%;
+    position: absolute;
     top: 0;
-    left:0;
+    left: 0;
 }
+
 #add-options-content {
     display: table;
     opacity: 1;
@@ -207,6 +207,7 @@ button:hover {
 ul#add-options-list {
     list-style: none;
     padding: 0;
+
     li {
         display: inline-block;
         padding: 0;