From 8ddca4d64766ca45bd30ac1bad2dda43890c22b9 Mon Sep 17 00:00:00 2001
From: Z8MB1E <jason@onyxsimple.com>
Date: Tue, 28 Jul 2026 17:29:38 -0400
Subject: [PATCH] refactor: simplify close button to transparent X icon only

---
 .../admin/narrative-flow/NodeEditDialog.tsx       | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/admin/narrative-flow/NodeEditDialog.tsx b/src/components/admin/narrative-flow/NodeEditDialog.tsx
index 6e5b393..e7c15fc 100644
--- a/src/components/admin/narrative-flow/NodeEditDialog.tsx
+++ b/src/components/admin/narrative-flow/NodeEditDialog.tsx
@@ -245,9 +245,18 @@ export const NodeEditDialog: FC<NodeEditDialogProps> = ({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-lg dark:bg-zinc-900 dark:text-zinc-100 dark:border-zinc-700 bg-white text-zinc-900">
+      <DialogContent className="max-w-lg dark:bg-zinc-900 dark:text-zinc-100 dark:border-zinc-700 bg-white text-zinc-900" showCloseButton={false}>
         <DialogHeader>
-          <DialogTitle>Edit {typeLabel}</DialogTitle>
+          <DialogTitle className="flex items-center justify-between">
+            <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"
+              aria-label="Close"
+            >
+              <XIcon className="size-4" />
+            </button>
+          </DialogTitle>
         </DialogHeader>
         {renderFields()}
         <DialogFooter className="gap-2">
@@ -260,7 +269,7 @@ export const NodeEditDialog: FC<NodeEditDialogProps> = ({
           </Button>
           <Button
             onClick={handleSave}
-            className="dark:bg-blue-600 dark:hover:bg-blue-700 dark:text-white"
+            className="bg-blue-600 hover:bg-blue-700 text-white"
           >
             Save
           </Button>