From c9bb5abfff936917eb2233f042513347c6a6de7f Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Thu, 23 Jul 2026 20:08:03 +0700
Subject: [PATCH] sasquatch: left-anchor panel on mobile, leave right side free
 for Quick Snap + filter pills

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/components/SasquatchGuide.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SasquatchGuide.tsx b/src/components/SasquatchGuide.tsx
index 769ffe4..a6da099 100644
--- a/src/components/SasquatchGuide.tsx
+++ b/src/components/SasquatchGuide.tsx
@@ -644,10 +644,10 @@ Instructions:
         <div
           className={cn(
             'fixed z-50 transition-all duration-300 ease-out',
-            // Mobile: full-width strip at bottom above nav
-            'bottom-[4.5rem] left-2 right-2',
+            // Mobile: left-anchored, max ~65% width — leaves right side free for Quick Snap + filter pills
+            'bottom-[4.5rem] left-2 w-[min(calc(100vw-5rem),340px)]',
             // Desktop: compact panel bottom-left
-            'md:bottom-6 md:left-4 md:right-auto md:w-[340px]',
+            'md:bottom-6 md:left-4 md:w-[340px]',
             isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-3 pointer-events-none'
           )}
         >