ADD: adden grid layout to entity input

webapp/src/components/control/controls.css

@@ -1,6 +1,6 @@
 .controls{
     /* display: flex; */
-    width: 20%;
+    width: 24%;
     float: left;
 }
 
@@ -8,10 +8,21 @@
 display: grid;
 /* grid-template-columns: auto auto auto; */
 }
+.ControlInput{
+    /* border: none; */
+    width: 30%;
+}
+.NameInput{
+    margin: 0 auto;
+}
 .EntityinputField{
-    border: none;
-    width: 50%;
-    display: block;
+    /* border: none; */
+    width: 30%;
+    display: flex;
+}
+.flex{
+    display: flex  !important;
+
 }
 
 .ControlHeader{
@@ -21,4 +32,20 @@ width: 30%;
 
 .ControlValues{
 float: left;
-}
+display: contents;
+}
+
+.parent {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: repeat(3 2em);
+    grid-column-gap: 0px;
+    grid-row-gap: 0px;
+    }
+    
+    .div1 { grid-area: 1 / 1 / 2 / 3; }
+    .div2 { grid-area: 2 / 1 / 3 / 2; }
+    .div3 { grid-area: 2 / 2 / 3 / 3; }
+    .div4 { grid-area: 3 / 2 / 4 / 3; }
+    .div5 { grid-area: 3 / 1 / 4 / 2; }
+