hacky UI

static/index.html

@@ -101,6 +101,11 @@ label {
     width: 100%;
     height: 400px;
 }
+#editor-holder {
+    position: relative;
+    width: 100%;
+    height: 400px;
+}
 .ace_infill {
     color: red;
 }
@@ -127,7 +132,7 @@ label {
 </div>
 <div class="request">
 <form id="generate-form">
-    <div class="rightside">
+    <div class="leftside">
     <div>
     <label>Response Length:</label>
     <input type="range" value="64" min="16" max="512" step="16" class="slider"
@@ -163,13 +168,12 @@ label {
         <div>
         -->
     </div>
-    <br>
-    <div class="leftside">
-        <!--
-        <textarea name="prompt" rows="12" cols="100" id="textbox"></textarea>
-        <textarea name="prefix" rows="12" cols="100" id="textbox"></textarea>
-        <textarea name="suffix" rows="12" cols="100" id="textbox"></textarea>
-        -->
+    <div class="rightside">
+    </div>
+    </div>
+</form>
+</div>
+<div id="editor-holder">
 <div>
 Syntax:
 <select name="mode" id="mode">
@@ -194,12 +198,8 @@ Syntax:
     <option value="swift">Swift</option>
     <option value="typescript">Typescript</option>
 </select>
-        <div id="editor"></div>
-    </div>
-    <div id="error"></div>
     </div>
-    </div>
-</form>
+  <div id="editor"></div>
 </div>
 <div id="loader_holder_super">
 <div id="loader_holder">
@@ -209,6 +209,7 @@ Syntax:
     </div>
 </div>
 </div>
+  <div id="error"></div>
 
 <h3 id="debug-info">More Info</h3>
 <p>