From 92cb290c4dc35763368a4601c85103e139ee1bf3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20G=C3=B3mez?= <alejandrogomez@bitrefill.com>
Date: Sat, 13 Dec 2025 22:26:07 +0100
Subject: [PATCH] ui: smol highlight tweaks

---
 .../nostr/kinds/Kind9802Renderer.tsx          | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/nostr/kinds/Kind9802Renderer.tsx b/src/components/nostr/kinds/Kind9802Renderer.tsx
index 315752d..32fabfa 100644
--- a/src/components/nostr/kinds/Kind9802Renderer.tsx
+++ b/src/components/nostr/kinds/Kind9802Renderer.tsx
@@ -70,17 +70,16 @@ export function Kind9802Renderer({ event }: BaseEventProps) {
 
         {/* Highlighted text */}
         {highlightText && (
-          <blockquote className="border-l-4 border-muted pl-3 py-2 bg-muted/80">
-            <p className="text-sm italic">{highlightText}</p>
+          <blockquote className="border-l-4 border-muted px-4 py-2 bg-muted/30">
+            <p className="text-sm italic leading-relaxed text-muted-foreground">
+              {highlightText}
+            </p>
           </blockquote>
         )}
 
         {/* Compact Source Event Preview - Clickable link with icon, author, and title/content */}
         {sourceEvent && (eventPointer || addressPointer) && (
-          <div
-            //onClick={handleOpenEvent}
-            className="flex items-baseline gap-2"
-          >
+          <div className="flex items-center gap-2">
             <KindBadge
               iconClassname="size-3 flex-shrink-0 text-muted-foreground"
               showName={false}
@@ -88,7 +87,10 @@ export function Kind9802Renderer({ event }: BaseEventProps) {
               clickable
             />
 
-            <UserName pubkey={sourceEvent.pubkey} className="text-xs" />
+            <UserName
+              pubkey={sourceEvent.pubkey}
+              className="text-xs flex-shrink-0 line-clamp-1"
+            />
 
             {/* Title or Content Preview */}
             {sourcePreview && (
@@ -108,7 +110,7 @@ export function Kind9802Renderer({ event }: BaseEventProps) {
             href={sourceUrl}
             target="_blank"
             rel="noopener noreferrer"
-            className="flex items-center gap-1 text-xs text-accent underline decoration-dotted"
+            className="flex items-center gap-1 text-xs text-muted-foreground underline decoration-dotted"
           >
             <ExternalLink className="size-3 flex-shrink-0" />
             <span className="truncate">{sourceUrl}</span>
@@ -117,7 +119,7 @@ export function Kind9802Renderer({ event }: BaseEventProps) {
 
         {/* No content fallback */}
         {!highlightText && (
-          <p className="text-sm text-muted-foreground italic">
+          <p className="text-xs text-muted-foreground italic">
             (Empty highlight)
           </p>
         )}