some css fix and websocket fix for item update

src/components/Mainapp.css

@@ -1,7 +1,23 @@
 .main {
+  display: grid;
+  grid-template-columns: 70% 30%;
+  height: 80%;
+  }
 
-    display: flex;
-    flex-direction: column;
-    justify-content: space-around;
-    background-color: rgb(160, 149, 199);
-}
+
+
+.main > * {
+  min-width: 0; /* prevents overflow bugs */
+}
+
+.toolbar {
+  justify-content: space-around;
+  height: 10vh;
+  height: 5vh;  
+}
+
+.toolbutton {
+  margin: .5rem;
+  height: 80%;
+  width: 20%;  
+}