From 4a99db116a2bb8d75872bff6fcaa9026243f035e Mon Sep 17 00:00:00 2001
From: Poyraz <78071274+poyrazavsever@users.noreply.github.com>
Date: Tue, 16 Jun 2026 14:32:13 +0300
Subject: [PATCH] refactor: improve TaskDialog layout and styling for better
 user experience

---
 app/(dashboard)/tasks/tasks-client.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/(dashboard)/tasks/tasks-client.tsx b/app/(dashboard)/tasks/tasks-client.tsx
index f33b1ad..cdd2cfe 100644
--- a/app/(dashboard)/tasks/tasks-client.tsx
+++ b/app/(dashboard)/tasks/tasks-client.tsx
@@ -445,22 +445,22 @@ function TaskDialog({
           {mode === "create" ? "Görev ekle" : "Düzenle"}
         </Button>
       </DialogTrigger>
-      <DialogContent className="max-h-[min(680px,calc(100dvh-6rem))] overflow-hidden sm:max-w-xl data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95">
-        <form action={handleSubmit} className="flex max-h-[min(640px,calc(100dvh-9rem))] flex-col">
+      <DialogContent className="flex max-h-[calc(100dvh-2rem)] w-[calc(100vw-2rem)] flex-col overflow-hidden p-0 sm:max-h-[min(680px,calc(100dvh-4rem))] sm:max-w-xl data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95">
+        <form action={handleSubmit} className="flex min-h-0 flex-1 flex-col overflow-hidden">
           {task ? <input type="hidden" name="id" value={task.id} /> : null}
-          <DialogHeader className="shrink-0 pb-5">
+          <DialogHeader className="shrink-0 px-5 pb-4 pt-5 pr-12">
             <DialogTitle>{mode === "create" ? "Yeni görev" : "Görevi düzenle"}</DialogTitle>
             <DialogDescription>
               Görevi proje, müşteri, öncelik ve son tarih bilgileriyle kaydet.
             </DialogDescription>
           </DialogHeader>
 
-          <div className="tiny-scrollbar min-h-0 flex-1 overflow-y-auto pr-2">
+          <div className="tiny-scrollbar min-h-0 flex-1 overflow-y-auto px-5 pb-5">
             <TaskFormFields task={task} clients={clients} projects={projects} />
           </div>
 
-          <DialogFooter className="shrink-0 border-t border-border pt-5">
-            <Button type="submit" disabled={isSubmitting} className="gap-2">
+          <DialogFooter className="shrink-0 border-t border-border bg-background p-5">
+            <Button type="submit" disabled={isSubmitting} className="w-full gap-2 sm:w-auto">
               {mode === "create" ? <Plus className="h-4 w-4" /> : <Pencil className="h-4 w-4" />}
               {isSubmitting
                 ? "Kaydediliyor"