From a4d1b5f48b06a5f9a8ce1ea9d7c2d3a00d887c14 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 20 Jan 2026 08:45:31 +0000
Subject: [PATCH] style: make kind label in event menu more subtle

Reduced visual prominence of kind label in generic event menu:
- Smaller text size (text-xs)
- Reduced gap between elements (gap-2 instead of gap-4)
- More muted colors (text-muted-foreground, opacity-60)
- Subtler icon (text-muted-foreground/60)

The label now appears as a small informational element rather than
looking like an interactive dropdown item.
---
 src/components/nostr/kinds/BaseEventRenderer.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/nostr/kinds/BaseEventRenderer.tsx b/src/components/nostr/kinds/BaseEventRenderer.tsx
index d9b59fc..a8de19a 100644
--- a/src/components/nostr/kinds/BaseEventRenderer.tsx
+++ b/src/components/nostr/kinds/BaseEventRenderer.tsx
@@ -224,13 +224,19 @@ export function EventMenu({ event }: { event: NostrEvent }) {
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end" className="w-56">
         <DropdownMenuLabel>
-          <div className="flex flex-row items-center gap-4">
-            <KindBadge kind={event.kind} variant="compact" />
+          <div className="flex flex-row items-center gap-2 text-xs text-muted-foreground">
+            <KindBadge
+              kind={event.kind}
+              variant="compact"
+              iconClassname="text-muted-foreground/60"
+              className="opacity-60"
+            />
             <KindBadge
               kind={event.kind}
               showName
               showKindNumber
               showIcon={false}
+              className="opacity-60"
             />
           </div>
         </DropdownMenuLabel>