From 6fa6f0c81552d2c43e38086072e826b14e431933 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:10:55 +0200
Subject: [PATCH] Fix panel buttons alignment

---
 public/index.html | 24 ++++++++++++------------
 public/style.css  |  1 +
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index b793f87f6..751cce6b3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5236,12 +5236,12 @@
     </div>
     <div id="movingDivs">
         <div id="floatingPrompt" class="drawer-content flexGap5">
-            <div class="panelControlBar flex-container flexGap10">
-                <div id="floatingPromptheader" class="fa-solid fa-grip drag-grabber"></div>
-                <div id="floatingPromptMaximize" class="inline-drawer-maximize fa-solid">
-                    <i class="floating_panel_maximize fa-solid fa-window-maximize"></i>
+            <div class="panelControlBar flex-container alignItemsBaseline">
+                <div id="floatingPromptheader" class="fa-fw fa-solid fa-grip drag-grabber"></div>
+                <div id="floatingPromptMaximize" class="inline-drawer-maximize">
+                    <i class="floating_panel_maximize fa-fw fa-solid fa-window-maximize"></i>
                 </div>
-                <div id="ANClose" class="fa-solid fa-circle-xmark floating_panel_close"></div>
+                <div id="ANClose" class="fa-fw fa-solid fa-circle-xmark floating_panel_close"></div>
             </div>
             <div name="floatingPromptHolder" class="scrollY">
                 <div class="inline-drawer">
@@ -5380,12 +5380,12 @@
             </div>
         </div>
         <div id="cfgConfig" class="drawer-content flexGap5">
-            <div class="panelControlBar flex-container flexGap10">
-                <div id="cfgConfigheader" class="fa-solid fa-grip drag-grabber"></div>
-                <div id="cfgConfigMaximize" class="inline-drawer-maximize fa-solid">
-                    <i class="floating_panel_maximize fa-solid fa-window-maximize"></i>
+            <div class="panelControlBar flex-container alignItemsBaseline">
+                <div id="cfgConfigheader" class="fa-fw fa-solid fa-grip drag-grabber"></div>
+                <div id="cfgConfigMaximize" class="inline-drawer-maximize">
+                    <i class="floating_panel_maximize fa-fw fa-solid fa-window-maximize"></i>
                 </div>
-                <div id="CFGClose" class="fa-solid fa-circle-xmark floating_panel_close"></div>
+                <div id="CFGClose" class="fa-fw fa-solid fa-circle-xmark floating_panel_close"></div>
             </div>
             <div name="cfgConfigHolder" class="scrollY">
                 <div id="chat_cfg_container">
@@ -5693,8 +5693,8 @@
         <div class="draggable">
             <div class="dragTitle"></div>
             <div class="panelControlBar flex-container">
-                <div class="fa-solid fa-grip drag-grabber"></div>
-                <div class="fa-solid fa-circle-xmark dragClose"></div>
+                <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
+                <div class="fa-fw fa-solid fa-circle-xmark dragClose"></div>
             </div>
         </div>
     </template>
diff --git a/public/style.css b/public/style.css
index d4c4a1855..91932cb47 100644
--- a/public/style.css
+++ b/public/style.css
@@ -528,6 +528,7 @@ body.reduced-motion #bg_custom {
     top: 5px;
     margin-right: 5px;
     z-index: 2000;
+    min-width: 55px;
 }
 
 .panelControlBar .drag-grabber {