Float the "safety prompt" button to the right.

[zombocom-ai] / index.html

diff --git a/index.html b/index.html
index 2abf186d03a0a521509603b773b881a8e6d0b2ad..8eb3c6ac7c52d19a6ad66d8ef81286ce7f91c17a 100644 (file)
--- a/index.html
+++ b/index.html
@@ -34,18 +34,19 @@
           <label for="prompt">
             What do you imagine?
           </label>
-          <input id="prompt" autocomplete="off" required />
+          <textarea id="prompt" rows="4" width="100%" autocomplete="off" required>
+          </textarea>
         </div>
 
         <div class="form-row small left">
           <label for="code">
             Numeric code
           </label>
-          <input id="code" autocomplete="off" placeholder="(Chosen randomly)" />
+          <input id="code" type="text" size="10" autocomplete="off" placeholder="(Chosen randomly)" />
         </div>
 
         <div class="form-row small right">
-          <button id="safety" type="button">Safety prompt</button>
+          <button id="safety" class="right" type="button">Safety prompt</button>
           <script>
             const prompt = document.querySelector("#prompt");
             const safety= document.querySelector("#safety");
@@ -58,7 +59,7 @@
         </div>
 
         <div class="form-row large">
-          <button type="submit">Make the infinite possible</button>
+          <button id="generate" type="submit">Make the infinite possible</button>
         </div>
       </form>
     </p>