From 2fd9741a2b5ce4caf7a72b23f158380640db9fc9 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 16 Apr 2026 14:08:25 -0700
Subject: [PATCH] Fix safe area inset for chat fab

---
 src/app.css                   | 20 ++++++++++----------
 src/lib/components/FAB.svelte |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app.css b/src/app.css
index e36458bd..80c26d51 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2,6 +2,16 @@
 
 @config "../tailwind.config.js";
 
+/* root */
+
+:root {
+  font-family: Lato;
+  --sait: var(--safe-area-inset-top, env(safe-area-inset-top));
+  --saib: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
+  --sail: var(--safe-area-inset-left, env(safe-area-inset-left));
+  --sair: var(--safe-area-inset-right, env(safe-area-inset-right));
+}
+
 @utility pt-sai {
   padding-top: var(--sait);
 }
@@ -22,16 +32,6 @@
   @apply pl-sai pr-sai;
 }
 
-/* root */
-
-:root {
-  font-family: Lato;
-  --sait: var(--safe-area-inset-top, env(safe-area-inset-top));
-  --saib: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
-  --sail: var(--safe-area-inset-left, env(safe-area-inset-left));
-  --sair: var(--safe-area-inset-right, env(safe-area-inset-right));
-}
-
 @utility py-sai {
   @apply pt-sai pb-sai;
 }
diff --git a/src/lib/components/FAB.svelte b/src/lib/components/FAB.svelte
index ab612f11..abcc35d3 100644
--- a/src/lib/components/FAB.svelte
+++ b/src/lib/components/FAB.svelte
@@ -14,7 +14,7 @@
   } = $props()
 </script>
 
-<div class={cx("fixed bottom-20 right-4 z-nav hide-on-keyboard md:hidden", className)}>
+<div class={cx("fixed bottom-20 mb-sai right-4 z-nav hide-on-keyboard md:hidden", className)}>
   <Button
     class="btn btn-primary border-none shadow-xl hover:opacity-90 transition-all size-[50px] rounded-xl p-0"
     {onclick}>