From c5bec8b059cee4b00a32d27e79e40a7a4a470c73 Mon Sep 17 00:00:00 2001
From: Paul Miller <paul@paul.lol>
Date: Wed, 27 Mar 2024 15:13:00 -0500
Subject: [PATCH] bottom padding for chat messages on mobile

---
 src/routes/Chat.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/Chat.tsx b/src/routes/Chat.tsx
index 6566f31..d6b98c3 100644
--- a/src/routes/Chat.tsx
+++ b/src/routes/Chat.tsx
@@ -224,7 +224,7 @@ function MessageList(props: {
 
     return (
         <>
-            <div class="flex flex-col-reverse justify-end gap-4">
+            <div class="flex flex-col-reverse justify-end gap-4 safe-bottom">
                 <For each={props.convo}>
                     {(combined, _index) => (
                         <>