From aaae6b5893dd4d14f0746ea4f9293664cccc4ffb Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 1 Mar 2026 20:12:34 -0600
Subject: [PATCH] Fix reaction emoji bubble alignment to match ancestor thread
 avatar column

Use size-10 in PostDetailContent to align with the threaded ancestor's
size-10 avatar, preventing a 4px horizontal offset of the thread line.
---
 src/pages/PostDetailPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/PostDetailPage.tsx b/src/pages/PostDetailPage.tsx
index 8d06d681..3708a8f0 100644
--- a/src/pages/PostDetailPage.tsx
+++ b/src/pages/PostDetailPage.tsx
@@ -852,9 +852,9 @@ function PostDetailContent({ event }: { event: NostrEvent }) {
       {isReaction && (
         <article ref={focusedPostRef} className="px-4 py-4">
           <div className="flex items-center gap-3">
-            {/* Large reaction emoji */}
-            <div className="flex items-center justify-center size-12 rounded-full bg-pink-500/10 shrink-0">
-              <ReactionEmoji content={event.content} tags={event.tags} className="text-2xl leading-none" />
+            {/* Reaction emoji bubble — size-10 matches the threaded ancestor avatar column */}
+            <div className="flex items-center justify-center size-10 rounded-full bg-pink-500/10 shrink-0">
+              <ReactionEmoji content={event.content} tags={event.tags} className="text-xl leading-none" />
             </div>
 
             {/* Author + "reacted" label */}