From 865e187ad80817d6f1478c4c1ffa5e2cd64e46c8 Mon Sep 17 00:00:00 2001
From: bluemoehre <bluemoehre@gmx.de>
Date: Tue, 30 Jun 2026 23:54:07 +0200
Subject: [PATCH] update dialog design

---
 src/App.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index efa0c10..3784f9c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -24,27 +24,30 @@ export function App() {
         onNotificationsClick={() => setShowNotifications(true)}
       />
       <Dialog open={showSettings} onOpenChange={setShowSettings}>
-        <DialogContent className="grid-rows-[auto_1fr]">
-          <DialogHeader className="border-b -mx-4 px-4 pb-4">
+        <DialogContent showCloseButton>
+          <DialogHeader>
             <DialogTitle>Settings</DialogTitle>
           </DialogHeader>
-          <SettingsView />
+          <SettingsView/>
+          <DialogFooter showCloseButton />
         </DialogContent>
       </Dialog>
       <Dialog open={showJobs} onOpenChange={setShowJobs}>
-        <DialogContent className="grid-rows-[auto_1fr]">
-          <DialogHeader className="border-b -mx-4 px-4 pb-4">
+        <DialogContent>
+          <DialogHeader>
             <DialogTitle>Running Jobs</DialogTitle>
           </DialogHeader>
           <JobsView />
+          <DialogFooter showCloseButton />
         </DialogContent>
       </Dialog>
       <Dialog open={showNotifications} onOpenChange={setShowNotifications}>
-        <DialogContent className="grid-rows-[auto_1fr]">
-          <DialogHeader className="border-b -mx-4 px-4 pb-4">
+        <DialogContent>
+          <DialogHeader>
             <DialogTitle>Notifications</DialogTitle>
           </DialogHeader>
           <NotificationsView />
+          <DialogFooter showCloseButton />
         </DialogContent>
       </Dialog>
     </>