From a89fe55e3dc1440232e38ce616f6cb7b9e2ed6d7 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
Date: Sat, 4 Apr 2026 17:11:45 -0500
Subject: [PATCH] Position a11y toolbar side by side with theme FAB

When both are present, a11y toolbar sits at bottom-left and theme
FAB at bottom-right so they share the same row without overlapping.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/media/css/template.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/media/css/template.css b/src/media/css/template.css
index 3f3abd9..4e357e7 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -17356,9 +17356,11 @@ html.a11y-pause-animations *::after {
   right: 2.5rem;
 }
 
-/* When theme FAB is present, stack a11y toolbar above it */
+/* When theme FAB is present, sit a11y toolbar to its left */
 body[data-theme-fab-enabled="1"] #mokoA11yToolbar {
-  bottom: 5rem;
+  right: auto;
+  left: 2.5rem;
+  bottom: 1rem;
 }
 
 /* Toggle button */