From ed6f9bb72c8c0c596ea65605962a8ffdc630e534 Mon Sep 17 00:00:00 2001
From: LenAnderson <Anderson.Len@outlook.com>
Date: Fri, 10 May 2024 17:08:04 -0400
Subject: [PATCH] make custom css input fill available vertical space

---
 public/index.html | 6 +++---
 public/style.css  | 9 +++++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 0663e7a7e..e1e77cf1c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3886,9 +3886,9 @@
                             </label>
 
                         </div>
-                        <h4><span data-i18n="Miscellaneous">Miscellaneous</span></h4>
 
-                        <div>
+                        <div name="MiscellaneousToggles">
+                            <h4><span data-i18n="Miscellaneous">Miscellaneous</span></h4>
                             <div data-newbie-hidden class="flex-container">
                                 <div id="reload_chat" class="menu_button whitespacenowrap" data-i18n="[title]Reload and redraw the currently open chat" title="Reload and redraw the currently open chat.">
                                     <small data-i18n="Reload Chat">Reload Chat</small>
@@ -3963,7 +3963,7 @@
                                     <span data-i18n="Custom CSS">Custom CSS</span>
                                     <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="customCSS" title="Expand the editor"></i>
                                 </h4>
-                                <div class="flex-container flexnowrap alignitemscenter">
+                                <div id="CustomCSS-textAreaBlock" class="flex-container flexnowrap alignitemscenter">
                                     <textarea id="customCSS" class="text_pole margin0 margin-r5 textarea_compact monospace" rows="8"></textarea>
                                 </div>
                             </div>
diff --git a/public/style.css b/public/style.css
index ffb4a1f74..8dce354ff 100644
--- a/public/style.css
+++ b/public/style.css
@@ -4263,6 +4263,15 @@ a {
     transition: all 250ms;
 }
 
+#user-settings-block [name="MiscellaneousToggles"],
+#CustomCSS-block,
+#CustomCSS-textAreaBlock {
+    display: contents;
+}
+#customCSS {
+    flex: 1 1 auto;
+}
+
 #ui_language_select {
     width: 8em;
 }