From b73f6d31bc4f10d1a8feb8ff54cf3ef6c189d0c2 Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Thu, 16 Oct 2025 10:27:17 +1100
Subject: [PATCH] fix: correct mobile FAB chevron direction and reposition to
 left side

- Fix inverted chevron logic: show left arrow when panel open, right arrow when closed
- Move FAB button from right to left side of screen (12px from left edge)
- Adjust vertical position down by 30px for better placement
- Update console logging to reflect correct icon states
---
 index.js  | 10 +++++-----
 style.css |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.js b/index.js
index 90258b6..5ed265c 100644
--- a/index.js
+++ b/index.js
@@ -1686,14 +1686,14 @@ function updateCollapseToggleIcon() {
         console.log('[RPG Mobile] updateCollapseToggleIcon:', {
             isMobile: true,
             isOpen,
-            settingIcon: isOpen ? 'chevron-right' : 'chevron-left'
+            settingIcon: isOpen ? 'chevron-left' : 'chevron-right'
         });
         if (isOpen) {
-            // Panel open - chevron points right (to close/slide right)
-            $icon.removeClass('fa-chevron-down fa-chevron-up fa-chevron-left').addClass('fa-chevron-right');
-        } else {
-            // Panel closed - chevron points left (to open/slide left)
+            // Panel open - chevron points left (to close/slide back right)
             $icon.removeClass('fa-chevron-down fa-chevron-up fa-chevron-right').addClass('fa-chevron-left');
+        } else {
+            // Panel closed - chevron points right (to open/slide in from right)
+            $icon.removeClass('fa-chevron-down fa-chevron-up fa-chevron-left').addClass('fa-chevron-right');
         }
     } else {
         // Desktop: icon direction based on panel position and collapsed state
diff --git a/style.css b/style.css
index 576966d..639f762 100644
--- a/style.css
+++ b/style.css
@@ -3068,9 +3068,9 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
         align-items: center;
         justify-content: center;
         position: fixed !important;
-        top: calc(var(--topBarBlockSize) + 60px) !important;
-        right: 12px !important;
-        left: auto !important;
+        top: calc(var(--topBarBlockSize) + 120px) !important;
+        left: 12px !important;
+        right: auto !important;
         width: 44px;
         height: 44px;
         min-width: 44px;