From fbaad2e4bb7ee1df7c6cd2a952aa558ad6bef08d Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Tue, 28 Jul 2026 17:30:40 -0400
Subject: [PATCH] fix: close button is now transparent with solid X icon

- No padding, no border, no background on button
- X icon itself has text-zinc-500 color
- Only hover background tint on the button
---
 src/components/admin/narrative-flow/NodeEditDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/narrative-flow/NodeEditDialog.tsx b/src/components/admin/narrative-flow/NodeEditDialog.tsx
index e7c15fc..e4d10e1 100644
--- a/src/components/admin/narrative-flow/NodeEditDialog.tsx
+++ b/src/components/admin/narrative-flow/NodeEditDialog.tsx
@@ -251,10 +251,10 @@ export const NodeEditDialog: FC<NodeEditDialogProps> = ({
             <span>Edit {typeLabel}</span>
             <button
               onClick={() => onOpenChange(false)}
-              className="p-0.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-500 transition-colors"
+              className="hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors"
               aria-label="Close"
             >
-              <XIcon className="size-4" />
+              <XIcon className="size-4 text-zinc-500" />
             </button>
           </DialogTitle>
         </DialogHeader>