From 1ae8827fa9b6f4a0ea728867b5f7f6bd76f839db Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Tue, 18 Apr 2023 08:05:56 +0900
Subject: [PATCH] tweaked left/right panel and lock icon header stylings

---
 public/index.html |  2 +-
 public/style.css  | 23 ++++++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4c675a183..b002281df 100644
--- a/public/index.html
+++ b/public/index.html
@@ -70,7 +70,7 @@
 
             <div id="left-nav-panel" class="drawer-content fillLeft closedDrawer">
                 <div id="left-nav-panelheader" class="fa-solid fa-grip drag-grabber"></div>
-                <div class="right_menu_button" id="lm_button_panel_pin_div" title="Locked = AI Configuration panel will stay open">
+                <div id="lm_button_panel_pin_div" title="Locked = AI Configuration panel will stay open">
                     <input type="checkbox" id="lm_button_panel_pin">
                     <label for="lm_button_panel_pin">
                         <div class="unchecked fa-solid fa-lock-open "></div>
diff --git a/public/style.css b/public/style.css
index 404bbb953..35cf5b82f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -761,6 +761,18 @@ input[type="file"] {
 #rm_button_panel_pin_div,
 #lm_button_panel_pin_div {
     font-size: 24px;
+    display: inline;
+}
+
+#rm_button_panel_pin_div,
+#lm_button_panel_pin_div {
+    opacity: 0.5;
+    transition: 0.3s;
+}
+
+#rm_button_panel_pin_div:hover,
+#lm_button_panel_pin_div:hover {
+    opacity: 1;
 }
 
 #lm_button_panel_pin_div {
@@ -774,12 +786,12 @@ input[type="file"] {
 
 #rm_button_panel_pin:checked+label,
 #lm_button_panel_pin:checked+label {
-    display: block;
+    display: inline;
 }
 
 #rm_button_panel_pin:checked+label .checked,
 #lm_button_panel_pin:checked+label .checked {
-    display: block;
+    display: inline;
 }
 
 #rm_button_panel_pin:checked+label .unchecked,
@@ -794,12 +806,17 @@ input[type="file"] {
 
 #rm_button_panel_pin:not(:checked)+label .unchecked,
 #lm_button_panel_pin:not(:checked)+label .unchecked {
-    display: block;
+    display: inline;
 }
 
 #rm_button_selected_ch {
     flex: 1;
     overflow: hidden;
+    opacity: 0.5;
+}
+
+#rm_button_selected_ch:hover {
+    opacity: 1;
 }
 
 #rm_button_selected_ch h2 {