From d2935934f1f8ff9888dead17fb0bb0da04108160 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Sun, 10 Mar 2024 01:04:12 +0200
Subject: [PATCH] Tighter layout of character panel

---
 public/css/tags.css |  2 +-
 public/index.html   | 15 +++++++--------
 public/style.css    |  4 ++--
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/public/css/tags.css b/public/css/tags.css
index 3ad18c468..6484fb8c7 100644
--- a/public/css/tags.css
+++ b/public/css/tags.css
@@ -89,7 +89,7 @@
 
 #bulkTagsList,
 #tagList.tags {
-    margin: 5px 0;
+    margin: 2px 0;
 }
 
 #bulkTagsList,
diff --git a/public/index.html b/public/index.html
index 6c73a1194..3f62c34b6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4010,7 +4010,7 @@
                                                 </select>
                                             </label>
                                         </div>
-                                        <div id="tags_div" class="marginBot5">
+                                        <div id="tags_div">
                                             <div class="tag_controls">
                                                 <input id="tagInput" class="text_pole tag_input wide100p margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />
                                                 <div class="tags_view menu_button fa-solid fa-tags" title="View all tags" data-i18n="[title]View all tags"></div>
@@ -4022,13 +4022,12 @@
                             </div>
                         </div>
                         <hr>
-                        <div id="spoiler_free_desc" class="flex-container flexFlowColumn flex1">
-                            <div id="creators_notes_div" class="marginBot5 title_restorable">
+                        <div id="spoiler_free_desc" class="flex-container flexFlowColumn flex1 flexNoGap">
+                            <div id="creators_notes_div" class="title_restorable">
                                 <span data-i18n="Creator's Notes">Creator's Notes</span>
-                                <div id="spoiler_free_desc_button" class="menu_button fa-solid fa-eye" title="Show / Hide Description and First Message" data-i18n="[title]Show / Hide Description and First Message"></div>
-                                </a>
+                                <div id="spoiler_free_desc_button" class="margin0 menu_button fa-solid fa-eye" title="Show / Hide Description and First Message" data-i18n="[title]Show / Hide Description and First Message"></div>
                             </div>
-                            <div id="creator_notes_spoiler" class="flex1" data-i18n="[placeholder]Creator's Notes" paceholder="Creator's Notes" class="marginBot5" name="creator_notes_spoiler"></div>
+                            <div id="creator_notes_spoiler" class="flex1"></div>
                             <!-- A button to show / hide description_div and description_textarea and first_message_div and firstmessage_textarea-->
                         </div>
                         <div id="descriptionWrapper" class="flex-container flexFlowColumn flex1">
@@ -4040,7 +4039,7 @@
                                     <span class="fa-solid fa-circle-question note-link-span"></span>
                                 </a>
                             </div>
-                            <textarea id="description_textarea" data-i18n="[placeholder]Describe your character's physical and mental traits here." placeholder="Describe your character's physical and mental traits here." class="marginBot5" name="description" placeholder=""></textarea>
+                            <textarea id="description_textarea" data-i18n="[placeholder]Describe your character's physical and mental traits here." placeholder="Describe your character's physical and mental traits here." name="description" placeholder=""></textarea>
                             <div class="extension_token_counter">
                                 Tokens: <span data-token-counter="description_textarea" data-token-permanent="true">counting...</span>
                             </div>
@@ -4060,7 +4059,7 @@
                                     </span>
                                 </div>
                             </div>
-                            <textarea id="firstmessage_textarea" data-i18n="[placeholder]This will be the first message from the character that starts every chat." placeholder="This will be the first message from the character that starts every chat." class="marginBot5" name="first_mes" placeholder=""></textarea>
+                            <textarea id="firstmessage_textarea" data-i18n="[placeholder]This will be the first message from the character that starts every chat." placeholder="This will be the first message from the character that starts every chat." name="first_mes" placeholder=""></textarea>
                             <div class="extension_token_counter">
                                 Tokens: <span data-token-counter="firstmessage_textarea">counting...</span>
                             </div>
diff --git a/public/style.css b/public/style.css
index 9a367f466..af03785a6 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1060,8 +1060,8 @@ select {
 
 @media screen and (min-width: 1001px) {
     #description_textarea {
-        height: 33vh;
-        height: 33svh;
+        height: 30vh;
+        height: 30svh;
     }
 
     #firstmessage_textarea {