Put the safety-prompt button up by the label of the textarea it controls

Hopefully this is both more intuitive and lays out better.

diff --git a/index.html b/index.html
index 185927fc1ee244dbdabd5dfe4880a93f96b91b5a..334a390ed6cda913ac86a900ebaa1acd0f8aa157 100644 (file)
--- a/index.html
+++ b/index.html
@@ -34,6 +34,7 @@
           <label for="prompt">
             What can you imagine?
           </label>
+          <button id="safety" type="button">Safety prompt</button>
           <textarea id="prompt" rows="4" width="100%" autocomplete="off" required></textarea>
         </div>
 
@@ -46,10 +47,6 @@
           </div>
         </div>
 
-        <div class="form-row small right">
-          <button id="safety" class="right" type="button">Safety prompt</button>
-        </div>
-
         <div class="form-row large">
           <button id="generate" type="submit">Make the infinite possible</button>
         </div>