multiline and message

static/index.html

@@ -163,12 +163,12 @@ label {
             <output class='a' id="temp_slider_output">0.6</output>
         </div>
         <div id="buttons">
-            <input type="button" value="Extend" id="extend-form-button" />
-            <span style='margin-left:1em'>
-                <input type="button" value="Add <infill> mask" id="insert-mask-button"
-                    title="add the infill marker at cursor or selection" />
-                <input type="button" value="Infill" id="infill-form-button" />
-            </span>
+          <br>
+          <input type="button" value="Extend" id="extend-form-button" />
+          <input type="button" value="Infill" id="infill-form-button" />
+          <br>
+          <br>
+          <input type="button" value="Add <infill> mask" id="insert-mask-button" title="add the infill marker at cursor or selection" />
         </div>
     </div>
     <div id="edit-container" class="card">
@@ -201,14 +201,14 @@ label {
     </div>
     <div id="loader_holder_super" class="card">
         <h1>Messages</h1>
+        <div id="error"></div>
+        <div id="warning"></div>
         <div id="loader_holder">
             <div class="loader"></div>
             <div>
                 Generation queued, please wait...
             </div>
         </div>
-        <div id="error"></div>
-        <div id="warning"></div>
     </div>
     <div id="info" class="card">
         <h1 id="debug-info">More Info</h3>
@@ -242,8 +242,8 @@ var EXAMPLES = {
     "python-infill2": {
         "prompt":
 `<| file ext=.py |>
-
 from collections import Counter
+
 def <infill>
     """Count the number of occurrences of each word in the file."""
     <infill>
@@ -541,7 +541,7 @@ function make_generate_listener(url) {
                 }
             } else {
                 set_text(receive_data["text"])
-                $("#error").text(receive_data["text"]);
+                $("#error").text(receive_data["message"]);
             }
         }