From d7eb5acfb4833701c81f4b7a38056120c9988f8d Mon Sep 17 00:00:00 2001
From: April Hall <ari@arithefirst.com>
Date: Sat, 8 Feb 2025 22:37:26 -0500
Subject: [PATCH] fix: Add margin to right side of messages (8px)

---
 src/lib/components/message.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/message.svelte b/src/lib/components/message.svelte
index 1124ba1..9bd9318 100644
--- a/src/lib/components/message.svelte
+++ b/src/lib/components/message.svelte
@@ -3,8 +3,8 @@
   const { message, imageSrc, user }: TypeMessage = $props();
 </script>
 
-<div class="flex w-full py-2 hover:bg-zinc-200 dark:hover:bg-stone-900">
-  <div class="avatar mx-2 rounded-sm">
+<div class="flex w-full p-2 hover:bg-zinc-200 dark:hover:bg-stone-900">
+  <div class="avatar mr-2 rounded-sm">
     <div class="h-12 w-12 overflow-hidden rounded-lg border bg-white">
       <img src={imageSrc} alt="Profile image for {user}" />
     </div>