From 1a78c9fc64473de06a9706510db29638389f8e66 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 18 Jan 2026 20:19:42 +0000
Subject: [PATCH] fix: improve spacing and truncation in zap transaction items

- Increase gap between username and message from gap-1 to gap-2 (0.5rem)
- Add min-w-0 to message span for proper ellipsis truncation in flex
- Remove duplicate truncate class from parent div to prevent conflicts
- Message now properly shows ellipsis (...) when it doesn't fit on one line
---
 src/components/WalletViewer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/WalletViewer.tsx b/src/components/WalletViewer.tsx
index b780c50..15c4678 100644
--- a/src/components/WalletViewer.tsx
+++ b/src/components/WalletViewer.tsx
@@ -323,10 +323,10 @@ function TransactionLabel({ transaction }: { transaction: Transaction }) {
   return (
     <div className="flex items-center gap-2 min-w-0">
       <Zap className="size-3.5 flex-shrink-0 fill-zap text-zap" />
-      <div className="text-sm truncate min-w-0 flex items-center gap-1">
+      <div className="text-sm min-w-0 flex items-center gap-2">
         <UserName pubkey={zapInfo.sender} className="flex-shrink-0" />
         {zapInfo.message && (
-          <span className="truncate">
+          <span className="truncate min-w-0">
             <RichText
               content={zapInfo.message}
               event={zapInfo.zapRequestEvent}