From 72dcc7f8c1dcdfb35633b9fcab60a6514d89c639 Mon Sep 17 00:00:00 2001
From: KubaPro010 <kuba.pro010@gmail.com>
Date: Sat, 27 Dec 2025 22:31:48 +0100
Subject: [PATCH] bro

---
 modules/web.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/modules/web.html b/modules/web.html
index 1537347..7af5352 100644
--- a/modules/web.html
+++ b/modules/web.html
@@ -54,7 +54,7 @@
             .btn.activated { background:linear-gradient(90deg, #9ed3ff46, #5bbbff2a); }
             .btn.primary{background:linear-gradient(90deg,var(--accent), #6cc7ff); color:#001; border:none; font-weight:600}
             .btn.primary:hover { background:linear-gradient(90deg, #3399ee, #5bbaff); }
-            .list{background:#07121a; border-radius:8px; padding:8px; overflow:hidden; border:1px solid rgba(255,255,255,0.02)}
+            .list{background:#07121a; border-radius:8px; padding:8px; overflow:scroll; border:1px solid rgba(255,255,255,0.02)}
             ul.playlist{list-style:none; padding:6px; margin:0; font-family: "Consolas",monospace; font-size:13px;}
             ul.playlist li{padding:6px 8px; border-radius:6px; display:flex; justify-content:space-between; gap:8px; transition: background-color 0.12s ease;}
             ul.playlist li:hover{background:rgba(255,255,255,0.02)}
@@ -63,8 +63,8 @@
             ul.playlist li.pointer{background:rgba(255,255,255,0.04)}
             .controls{display:flex; gap:8px; margin-top:8px}
             .two-col{display:flex; gap:8px; align-items:flex-start; height:100%}
-            .box{display:flex; flex-direction:column; gap:8px; flex-grow: 1; overflow: hidden;}
-            .listbox{height:100%; min-height:100px; overflow:hidden; border-radius:6px; background:var(--card); padding:8px; font-size:14px; scrollbar-width: none;}
+            .box{display:flex; flex-direction:column; gap:8px; flex-grow: 1; overflow: scroll;}
+            .listbox{height:100%; min-height:100px; overflow:scroll; border-radius:6px; background:var(--card); padding:8px; font-size:14px; scrollbar-width: none;}
             .listbox div.item{padding:6px; border-radius:6px; transition: background-color 0.12s ease;}
             .listbox div.item:hover{background:rgba(255,255,255,0.02); cursor:pointer}
             .listbox div.item.selected{background:rgba(62, 165, 255, 0.305)}
@@ -72,7 +72,7 @@
             .row{display:flex; gap:8px; align-items:center}
             .muted{color:var(--muted); font-size:13px}
             .footer{display:flex; justify-content:space-between; gap:8px; align-items:center; margin-top:8px}
-            .directory-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; flex-grow:1; overflow:hidden}
+            .directory-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; flex-grow:1; overflow:scroll}
             #keybinds {display: flex; gap: 10px; align-items: center; white-space: nowrap; }
             #keybinds kbd {background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 4px; padding: 2px 6px; font-family: "Consolas", monospace; font-size: 12px; color: #e6eef6; }
             
@@ -81,7 +81,7 @@
                 .container{padding: 10px; margin: 0}
                 .layout{flex-direction: column; height: auto}
                 .left{min-width:auto}
-                .directory-grid {grid-template-columns: 1fr; height: auto; overflow: hidden}
+                .directory-grid {grid-template-columns: 1fr; height: auto; overflow:scroll}
                 .listbox {min-height: 200px}
                 button, .btn {padding: 10px 14px}
                 /* Mobile accessibility fix: remove fixed heights so collapsed items actually shrink */