From 50b59154007134c2a791201db22d479d44ffddc7 Mon Sep 17 00:00:00 2001
From: Spicy_Marinara <mgrabower97@gmail.com>
Date: Tue, 14 Oct 2025 19:39:36 +0200
Subject: [PATCH] Remove margins from UI elements and fix collapse button
 visibility

- Remove margins from rpg-stats-header, rpg-mood, rpg-panel-header, and rpg-manual-update-btn
- Fix collapse/expand button visibility by changing panel overflow to visible
- Increase collapse button z-index to 10001 for better layering
- Adjust collapse button positioning for better visual alignment
---
 style.css | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/style.css b/style.css
index aecdc22..7116a44 100644
--- a/style.css
+++ b/style.css
@@ -39,7 +39,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     color: var(--rpg-text);
     display: flex;
     flex-direction: column;
-    overflow: hidden;
+    overflow: visible;
     transition: width 0.3s ease, transform 0.3s ease;
 }
 
@@ -68,10 +68,11 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 1001;
+    z-index: 10001;
     transition: all 0.3s ease;
     font-size: 16px;
     box-shadow: 0 0 10px var(--rpg-shadow);
+    pointer-events: auto;
 }
 
 .rpg-collapse-toggle:hover {
@@ -82,13 +83,13 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
 
 /* Position collapse button on the left side for right panel */
 .rpg-panel.rpg-position-right .rpg-collapse-toggle {
-    left: -30px;
+    left: -32px;
     border-radius: 8px 0 0 8px;
 }
 
 /* Position collapse button on the right side for left panel */
 .rpg-panel.rpg-position-left .rpg-collapse-toggle {
-    right: -30px;
+    right: -32px;
     border-radius: 0 8px 8px 0;
 }
 
@@ -373,7 +374,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 12px;
+    margin: 0;
     padding-bottom: 10px;
     border-bottom: 2px solid var(--rpg-border);
     flex-shrink: 0;
@@ -553,7 +554,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     align-items: stretch;
     justify-content: space-between;
     gap: clamp(6px, 1.2vh, 12px);
-    margin-bottom: clamp(4px, 1vh, 8px);
+    margin: 0;
     flex-shrink: 0;
 }
 
@@ -742,7 +743,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
 }
 
 .rpg-mood {
-    margin-top: 3px;
+    margin: 0;
     display: flex;
     align-items: center;
     gap: 6px;
@@ -2417,7 +2418,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     gap: 6px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
     flex-shrink: 0;
-    margin: 8px 0 8px 0;
+    margin: 0;
 }
 
 .rpg-manual-update-btn:hover {