From 94af8825307b727ad13b0da15d593a2f0989f7f1 Mon Sep 17 00:00:00 2001
From: Cohee <titan0599@gmail.com>
Date: Thu, 13 Jul 2023 19:35:00 +0300
Subject: [PATCH] CSS grid view improvements

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

diff --git a/public/index.html b/public/index.html
index 8cce38d66..d0b88149e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2868,9 +2868,9 @@
                             <div class="tags rm_tag_filter"></div>
                         </div>
                         <!-- a div containing a dynamically updated count of characters currently displayed -->
-                        <div class="flex-container">
+                        <div class="flex-container alignitemscenter">
                             <div id="rm_character_count"></div>
-                            <i id="charListGridToggle" class="fa-solid fa-table-cells-large menu_button"></i>
+                            <i id="charListGridToggle" class="fa-solid fa-table-cells-large menu_button" title="Toggle character grid view"></i>
                         </div>
                         <hr>
                     </div>
@@ -3681,4 +3681,4 @@
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/public/style.css b/public/style.css
index 96a2a38c5..aab4ac55a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1190,6 +1190,7 @@ input[type="file"] {
     flex-grow: 1;
     display: flex;
     /* row-gap: 5px; */
+    justify-content: space-between;
 }
 
 #rm_ch_create_block {
@@ -5267,4 +5268,4 @@ body.waifuMode .zoomed_avatar {
     background-color: var(--SmartThemeBlurTintColor);
     text-align: center;
     line-height: 14px;
-}
\ No newline at end of file
+}