From ed5fba4b4667128dc282c01368eaa9b3efaa351e Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Thu, 12 Feb 2026 23:22:07 +0300
Subject: [PATCH] fix: further refine alert dialog styling and button layout

---
 frontend/src/components/torrent/table.rs | 32 ++++++++++++------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/torrent/table.rs b/frontend/src/components/torrent/table.rs
index f8ee7ba..851d3db 100644
--- a/frontend/src/components/torrent/table.rs
+++ b/frontend/src/components/torrent/table.rs
@@ -239,40 +239,40 @@ pub fn TorrentTable() -> impl IntoView {
                                     
                                     <AlertDialog>
                                         <AlertDialogTrigger class="w-full text-left">
-                                            <div class="inline-flex gap-2 items-center w-full rounded-sm px-2 py-1.5 text-sm transition-colors text-destructive hover:bg-destructive/10 focus:bg-destructive/10">
+                                            <div class="inline-flex gap-2 items-center w-full rounded-sm px-2 py-1.5 text-sm transition-colors text-destructive hover:bg-destructive/10 focus:bg-destructive/10 cursor-pointer">
                                                 <Trash2 class="size-4" /> "Toplu Sil..."
                                             </div>
                                         </AlertDialogTrigger>
-                                        <AlertDialogContent>
-                                            <AlertDialogHeader>
-                                                <AlertDialogTitle class="text-destructive flex items-center gap-2">
-                                                    <Trash2 class="size-5" />
+                                        <AlertDialogContent class="sm:max-w-[425px]">
+                                            <AlertDialogHeader class="space-y-3">
+                                                <AlertDialogTitle class="text-destructive flex items-center gap-2 text-xl">
+                                                    <Trash2 class="size-6" />
                                                     "Toplu Silme Onayı"
                                                 </AlertDialogTitle>
-                                                <AlertDialogDescription class="pt-2">
+                                                <AlertDialogDescription class="text-sm leading-relaxed">
                                                     {move || format!("Seçili {} adet torrent silinecek. Lütfen silme yöntemini seçin:", selected_count.get())}
-                                                    <div class="mt-4 p-3 bg-muted/50 rounded-md text-xs border border-border italic">
-                                                        "Dikkat: Verilerle birlikte silme işlemi dosyaları diskten de kalıcı olarak kaldıracaktır."
+                                                    <div class="mt-4 p-4 bg-destructive/5 rounded-lg border border-destructive/10 text-xs text-destructive/80 font-medium">
+                                                        "⚠️ Dikkat: Verilerle birlikte silme işlemi dosyaları diskten de kalıcı olarak kaldıracaktır."
                                                     </div>
                                                 </AlertDialogDescription>
                                             </AlertDialogHeader>
-                                            <AlertDialogFooter>
-                                                <div class="flex flex-col-reverse sm:flex-row gap-2 w-full sm:justify-end mt-4 sm:mt-0">
-                                                    <AlertDialogClose class="w-full sm:w-auto">"Vazgeç"</AlertDialogClose>
+                                            <AlertDialogFooter class="mt-6">
+                                                <div class="flex flex-col-reverse sm:flex-row gap-3 w-full sm:justify-end">
+                                                    <AlertDialogClose class="sm:flex-1 md:flex-none">"Vazgeç"</AlertDialogClose>
                                                     <div class="flex flex-col sm:flex-row gap-2">
                                                         <Button 
-                                                            variant=ButtonVariant::Outline
-                                                            class="w-full sm:w-auto text-foreground"
+                                                            variant=BadgeVariant::Secondary.into()
+                                                            class="w-full sm:w-auto font-medium"
                                                             on:click=move |_| bulk_action("delete")
                                                         >
-                                                            "Sadece Listeden Sil"
+                                                            "Sadece Sil"
                                                         </Button>
                                                         <Button 
                                                             variant=ButtonVariant::Destructive
-                                                            class="w-full sm:w-auto"
+                                                            class="w-full sm:w-auto font-bold"
                                                             on:click=move |_| bulk_action("delete_with_data")
                                                         >
-                                                            "Verilerle Birlikte Sil"
+                                                            "Verilerle Sil"
                                                         </Button>
                                                     </div>
                                                 </div>