From 582c1728408803c96331116a72a978d61578c54c Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Mon, 8 May 2023 14:48:04 +0300
Subject: [PATCH] Move tag controls near tags

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

diff --git a/public/index.html b/public/index.html
index 02b40b20e..d1280c7bd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1860,7 +1860,6 @@
                         <div class="form_create_bottom_buttons_block">
                             <div id="rm_button_create" title="Create New Character" class="menu_button fa-solid fa-user-plus "></div>
                             <div id="character_import_button" title="Import Character from File" class="menu_button fa-solid fa-file-arrow-up "></div>
-                            <div class="tags_view menu_button fa-solid fa-tags" title="Manage Tags"></div>
                             <div id="rm_button_group_chats" title="Create New Chat Group" class="menu_button fa-solid fa-users-gear "></div>
                         </div>
                         <form id="form_character_search_form" action="javascript:void(null);">
@@ -1876,7 +1875,10 @@
                                 <option data-field="chat_size" data-order="asc">Least chatted</option>
                             </select>
                         </form>
-                        <div id="rm_tag_filter" class="tags"></div>
+                        <div class="rm_tag_controls">
+                            <div id="rm_tag_filter" class="tags"></div>
+                            <div class="tags_view menu_button fa-solid fa-tags" title="Manage Tags"></div>
+                        </div>
                     </div>
                     <div id="rm_print_characters_block"></div>
                 </div>
diff --git a/public/style.css b/public/style.css
index 8bbb78835..fa134b0ad 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2583,8 +2583,12 @@ h5 {
     padding: 0 0.15rem;
 }
 
-#rm_tag_filter {
-    justify-content: center;
+.rm_tag_controls {
+    display: flex;
+    column-gap: 10px;
+    flex-direction: row;
+    align-items: flex-start;
+    margin: 5px;
 }
 
 #rm_tag_filter .tag {
@@ -2593,6 +2597,10 @@ h5 {
     filter: brightness(0.8);
 }
 
+.tags_view {
+    margin: 0;
+}
+
 .tag.selected {
     opacity: 1 !important;
     filter: none !important;