From cd6317fd0629d2a5ae4ef1f66b93c96cafb05d37 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Wed, 25 Mar 2026 18:09:26 -0700
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20mobile=20toolbar=20positioning?=
 =?UTF-8?q?=20=E2=80=94=20anchor=20to=20bottom-right,=20clear=20zoom=20ico?=
 =?UTF-8?q?n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Keep side toolbar at bottom: 8px in both open and collapsed states
  so the minimize/maximize toggle stays in the same spot
- Shift bottom-toolbar left (left: 56px) to clear the corner-tools
  zoom icon and prevent overlap with the selector tool

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 website/canvas.html | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/website/canvas.html b/website/canvas.html
index 80fd41a..db9e2dc 100644
--- a/website/canvas.html
+++ b/website/canvas.html
@@ -1635,11 +1635,11 @@
 					display: none;
 				}
 
-				/* Mobile toolbar: compact column on RIGHT to avoid zoom-bar overlap */
+				/* Mobile toolbar: compact column on RIGHT, anchored to bottom */
 				#toolbar {
 					position: fixed;
 					top: auto;
-					bottom: 60px; /* above bottom-toolbar row */
+					bottom: 8px;
 					left: auto;
 					right: 6px;
 					flex-direction: column;
@@ -1697,11 +1697,9 @@
 					padding: 0;
 				}
 
-				/* Collapsed state on mobile — flush with bottom-toolbar */
+				/* Collapsed state on mobile */
 				#toolbar.collapsed {
 					padding: 4px;
-					bottom: 8px;
-					right: 6px;
 					overflow: visible;
 				}
 
@@ -1749,8 +1747,8 @@
 					bottom: 8px;
 					padding: 4px 6px;
 					gap: 1px;
-					left: 8px;
-					right: 56px; /* offset left of side toolbar on right */
+					left: 56px; /* clear corner-tools zoom icon on left */
+					right: 56px; /* clear side toolbar on right */
 					transform: none;
 					overflow-x: auto;
 					overflow-y: hidden;