fixing broken code

- working prototype
- need to fix the vertical split bar to have the divider between
workspace and sandbox container work together

css/stylesheet.css

@@ -684,14 +684,35 @@ input[type=number]::-webkit-outer-spin-button {
 
 .sb-button{
     border: 1px solid #515151;
+    height: 25px;
+    margin: 0 auto;
 }
 
-.inputContainer{
-    position: relative;
-    width: 100%;
+.auto-gen{
+    height: 33%;
+    border: 1px solid #515151;
+    text-align: center;
+    background-color: #262626;
+    display: flex;
+    align-items: center;
+}
+
+.auto-gen-tracers{
+    bottom: 66%;
+}
+
+.auto-gen-options{
+    top: 33%;
+    bottom: 33%;
+}
+
+.auto-gen-generate{
+    top: 66%;
 }
 
 .inputs{
-    position: relative;
-    display: block;
+    display: inline-block;
+    border: 0;
+    background-color: #505050;
+    height: 25px;
 }

index.html

@@ -128,29 +128,30 @@
         </section>
     </div>
     <div class="sandbox_container hide">
-        <div>
-            <div class="inputContainer">
+
+            <div class="auto-gen auto-gen-tracers">
+                <button class='sb-button' id="button-2DMatrix">Create 2DMatrix</button>
+
+            </div>
+
+            <div class="auto-gen auto-gen-options">
                 <div>
-                # of Rows:
-                <input class="inputs"id="numRows" type="number" value="5">
+                # of Rows: <input class="inputs"id="numRows" type="number" value="5">
                 </div>
 
                 <div>
-                # of Columns:
-                <input class="inputs"id="numColumns" type="number" value="5">
+                # of Columns: <input class="inputs"id="numColumns" type="number" value="5">
                 </div>
 
                 <div>
-                Tracer Name:
-                <input class="inputs"id="tracerName" type="text" value="default">
+                Tracer Name: <input class="inputs"id="tracerName" type="text" value="default">
                 </div>
             </div>
 
-            <div>
-                <button class='sb-button' id="button-2DMatrix">Create 2DMatrix</button>
+            <div class="auto-gen auto-gen-generate">
                 <button class='sb-button' id="button-generateJS">Generate Javascript</button>
             </div>
-        </div>
+
     </div>
     <div class="editor_container">
         <section class="files_bar">

js/create/array2d.js

@@ -14,17 +14,14 @@ const getNumColumns = () => {
 }
 
 const fauxData = (r, c) => {
-    var arr = new Array(r);
-    for (var i = 0; i < c; i++) {
-        arr[i] = new Array(c);
-    }
-
+    var D = [];
     for (var i = 0; i < r; i++) {
-        for(var j = 0; j < c; j++){
-            arr[i][j] = 0;
-        }
+      D.push([]);
+      for (var j = 0; j < c; j++) {
+        D[i].push(Math.floor(Math.random()* 10 + 1));
+      }
     }
-    return arr;
+    return D;
 }
 
 const tableToInputFields = () => {

js/create/index.js

@@ -9,5 +9,5 @@ const init = () => {
 };
 
 module.exports = {
-    init,
+    init
 };