From 8f8a08fd2cd4f6b6ce78f45896b75971b268791a Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Sun, 1 Feb 2026 17:24:18 +0300
Subject: [PATCH] fix(ui): remove mobile selection ring and use dvh for layout
 height

---
 frontend/src/app.rs                      | 4 ++--
 frontend/src/components/torrent/table.rs | 7 +------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app.rs b/frontend/src/app.rs
index cc8cb19..b04328c 100644
--- a/frontend/src/app.rs
+++ b/frontend/src/app.rs
@@ -13,11 +13,11 @@ pub fn App() -> impl IntoView {
         <div class="drawer lg:drawer-open">
             <input id="my-drawer" type="checkbox" class="drawer-toggle" />
             
-            <div class="drawer-content flex flex-col h-screen overflow-hidden bg-base-100 text-base-content text-sm select-none">
+            <div class="drawer-content flex flex-col h-[100dvh] overflow-hidden bg-base-100 text-base-content text-sm select-none">
                 // Toolbar at the top
                 <Toolbar />
 
-                <main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden space-y-6">
+                <main class="flex-1 flex flex-col min-w-0 bg-base-100 overflow-hidden">
                     <Router>
                         <Routes>
                             <Route path="/" view=move || view! { <TorrentTable /> } />
diff --git a/frontend/src/components/torrent/table.rs b/frontend/src/components/torrent/table.rs
index 898dce0..3abe579 100644
--- a/frontend/src/components/torrent/table.rs
+++ b/frontend/src/components/torrent/table.rs
@@ -331,12 +331,7 @@ pub fn TorrentTable() -> impl IntoView {
                     view! {
                         <div 
                             class=move || {
-                                let base = "card card-compact bg-base-100 shadow-sm border border-base-200 transition-transform active:scale-[0.99]";
-                                if is_selected_fn() {
-                                    format!("{} ring-2 ring-primary select-none", base)
-                                } else {
-                                    format!("{} select-none", base)
-                                }
+                                "card card-compact bg-base-100 shadow-sm border border-base-200 transition-transform active:scale-[0.99] select-none"
                             }
                             style="user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;"
                             on:contextmenu={