From c70e1d306d3110a33214e98e8fc09965a7b37af0 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Wed, 17 May 2023 22:41:28 +0900
Subject: [PATCH] SD horde options side by side, and clarified.

---
 .../extensions/stable-diffusion/index.js      | 20 ++++++++++---------
 public/style.css                              |  4 ++++
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/public/scripts/extensions/stable-diffusion/index.js b/public/scripts/extensions/stable-diffusion/index.js
index e08548273..7467c9c1e 100644
--- a/public/scripts/extensions/stable-diffusion/index.js
+++ b/public/scripts/extensions/stable-diffusion/index.js
@@ -637,17 +637,19 @@ jQuery(async () => {
             <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
         </div>
         <div class="inline-drawer-content">
-            <small><i>Use slash commands to generate images. Type <span class="monospace">/help</span> in chat for more details</i></small>
+            <small><i>Use slash commands or the bottom Paintbrush buttron to generate images. Type <span class="monospace">/help</span> in chat for more details</i></small>
             <br>
             <small><i>Hint: Save an API key in Horde KoboldAI API settings to use it here.</i></small>
-            <label class="checkbox_label">
-                <input id="sd_horde" type="checkbox" />
-                Use Stable Horde
-            </label>
-            <label style="margin-left:1em;" class="checkbox_label">
-                <input id="sd_horde_nsfw" type="checkbox" />
-                Allow NSFW images
-            </label>
+            <div class="flex-container flexGap5 marginTop10 margin-bot-10px">
+                <label class="checkbox_label">
+                    <input id="sd_horde" type="checkbox" />
+                    Use Stable Horde
+                </label>
+                <label style="margin-left:1em;" class="checkbox_label">
+                    <input id="sd_horde_nsfw" type="checkbox" />
+                    Allow NSFW images from Horde
+                </label>
+            </div>
             <label for="sd_scale">CFG Scale (<span id="sd_scale_value"></span>)</label>
             <input id="sd_scale" type="range" min="${defaultSettings.scale_min}" max="${defaultSettings.scale_max}" step="${defaultSettings.scale_step}" value="${defaultSettings.scale}" />
             <label for="sd_steps">Sampling steps (<span id="sd_steps_value"></span>)</label>
diff --git a/public/style.css b/public/style.css
index d3ba667eb..c8811d9d1 100644
--- a/public/style.css
+++ b/public/style.css
@@ -814,6 +814,10 @@ select {
     margin-bottom: 10px;
 }
 
+.marginTop10 {
+    margin-top: 10px;
+}
+
 #description_textarea,
 #firstmessage_textarea {
     height: -webkit-fill-available;