From 32c87555411372ceebdda7218113a418f73e6d25 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 21 Jan 2026 15:29:15 +0000
Subject: [PATCH] fix: prevent relay list flicker during post publishing

Fixed the relay list flickering issue that occurred while publishing posts:
- Changed overflow-y-auto to overflow-y-scroll to keep scrollbar visible
- Added fixed width (w-6) to status indicator container to prevent layout shifts
- Status indicators no longer cause content reflow when changing states
---
 src/components/PostViewer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PostViewer.tsx b/src/components/PostViewer.tsx
index 6779888..94edb17 100644
--- a/src/components/PostViewer.tsx
+++ b/src/components/PostViewer.tsx
@@ -752,7 +752,7 @@ export function PostViewer({ windowId }: PostViewerProps = {}) {
             </span>
           </div>
 
-          <div className="space-y-1 max-h-64 overflow-y-auto">
+          <div className="space-y-1 max-h-64 overflow-y-scroll">
             {relayStates.map((relay) => {
               // Get relay connection state from pool
               const poolRelay = relayPoolMap?.get(relay.url);
@@ -799,7 +799,7 @@ export function PostViewer({ windowId }: PostViewerProps = {}) {
                   </div>
 
                   {/* Status indicator */}
-                  <div className="flex-shrink-0">
+                  <div className="flex-shrink-0 w-6 flex items-center justify-center">
                     {relay.status === "publishing" && (
                       <Loader2 className="h-4 w-4 animate-spin text-blue-500" />
                     )}