From 1d06906475fd0c7f51ac57de04d0416fe7af8d3f Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Fri, 6 Feb 2026 14:19:46 +0300
Subject: [PATCH] fix: wrap toolbar+main in overflow-hidden, free statusbar
 from clipping

---
 frontend/src/app.rs | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/src/app.rs b/frontend/src/app.rs
index 3556191..43e5b0c 100644
--- a/frontend/src/app.rs
+++ b/frontend/src/app.rs
@@ -64,20 +64,22 @@ pub fn App() -> impl IntoView {
             <div class="drawer lg:drawer-open h-full w-full">
                 <input id="my-drawer" type="checkbox" class="drawer-toggle" />
 
-                <div class="drawer-content flex flex-col h-full overflow-x-hidden bg-base-100 text-base-content text-sm select-none">
-                    // Toolbar at the top
-                    <Toolbar />
+                <div class="drawer-content flex flex-col h-full bg-base-100 text-base-content text-sm select-none">
+                    // Toolbar + main wrapped so overflow-hidden doesn't clip StatusBar dropdowns
+                    <div class="flex-1 flex flex-col overflow-hidden">
+                        <Toolbar />
 
-                    <main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden">
-                        <Router>
-                            <Routes>
-                                <Route path="/" view=move || view! { <TorrentTable /> } />
-                                <Route path="/settings" view=move || view! { <div class="p-4">"Settings Page (Coming Soon)"</div> } />
-                            </Routes>
-                        </Router>
-                    </main>
+                        <main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden">
+                            <Router>
+                                <Routes>
+                                    <Route path="/" view=move || view! { <TorrentTable /> } />
+                                    <Route path="/settings" view=move || view! { <div class="p-4">"Settings Page (Coming Soon)"</div> } />
+                                </Routes>
+                            </Router>
+                        </main>
+                    </div>
 
-                     // Status Bar at the bottom
+                     // Status Bar at the bottom - outside overflow-hidden so dropdowns can open upward
                     <StatusBar />
                 </div>