From 4a71bda1dcbf92679b1dcfbb4cb0ebdf9ca7547d Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Thu, 28 Mar 2024 01:28:41 +0200
Subject: [PATCH] Bit tighter character panel layout

---
 public/index.html | 8 ++++----
 public/style.css  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index baf5c2d3d..03fd07a4c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4110,7 +4110,7 @@
                                         </div>
                                         <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" />
+                                                <input id="tagInput" class="text_pole textarea_compact 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>
                                             </div>
                                             <div id="tagList" class="tags"></div>
@@ -4130,7 +4130,7 @@
                         </div>
                         <div id="descriptionWrapper" class="flex-container flexFlowColumn flex1">
                             <hr>
-                            <div id="description_div" class="marginBot5 flex-container alignitemscenter">
+                            <div id="description_div" class="flex-container alignitemscenter">
                                 <span data-i18n="Character Description">Description</span>
                                 <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="description_textarea" title="Expand the editor"></i>
                                 <a href="https://docs.sillytavern.app/usage/core-concepts/characterdesign/#character-description" class="notes-link" target="_blank">
@@ -4143,7 +4143,7 @@
                             </div>
                         </div>
                         <div id="firstMessageWrapper" class="flex-container flexFlowColumn flex1">
-                            <div id="first_message_div" class="marginBot5 title_restorable">
+                            <div id="first_message_div" class="title_restorable">
                                 <div class="flex-container alignitemscenter flex1">
                                     <span data-i18n="First message">First message</span>
                                     <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="firstmessage_textarea" title="Expand the editor"></i>
@@ -4193,7 +4193,7 @@
                                 </div>
                                 <div id="group_tags_div" class="wide100p">
                                     <div class="tag_controls">
-                                        <input id="groupTagInput" class="text_pole tag_input flex1 margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />
+                                        <input id="groupTagInput" class="text_pole textarea_compact tag_input flex1 margin0" data-i18n="[placeholder]Search / Create Tags" placeholder="Search / Create tags" maxlength="50" />
                                         <div class="tags_view menu_button fa-solid fa-tags margin0" title="View all tags" data-i18n="[title]View all tags"></div>
                                     </div>
                                     <div id="groupTagList" class="tags paddingTopBot5"></div>
diff --git a/public/style.css b/public/style.css
index 3f54d5cec..6e000651d 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1416,7 +1416,7 @@ input[type="file"] {
 }
 
 .extension_token_counter {
-    font-size: calc(var(--mainFontSize) * 0.9);
+    font-size: calc(var(--mainFontSize) * 0.875);
     width: 100%;
     text-align: right;
     margin-bottom: 5px;