From 7c9bd167ef0d5f23c7601d3b9c6f8a3e5221262c Mon Sep 17 00:00:00 2001
From: KubaPro010 <kuba.pro010@gmail.com>
Date: Sat, 27 Dec 2025 22:52:07 +0100
Subject: [PATCH] fix that

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

diff --git a/modules/web.html b/modules/web.html
index 8d08534..9dfb86d 100644
--- a/modules/web.html
+++ b/modules/web.html
@@ -6,7 +6,7 @@
         <title>Radio95 Track Monitor</title>
         <style>
             :root{
-                --bg:#0f1620; --panel:#11161c; --muted:#98a0a8; --accent:#3ea6ff; --card:#0b1014;
+                --panel:#11161c; --muted:#98a0a8; --accent:#3ea6ff; --card:#0b1014;
                 --success:#47d18b; --danger:#ff6b6b; --glass: rgba(255,255,255,0.03);
                 font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
             }
@@ -42,7 +42,6 @@
             .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; 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.2s ease, transform 0.15s ease; }
             ul.playlist li:hover{ background:rgba(255,255,255,0.04); transform: translateX(2px); }
@@ -142,8 +141,8 @@
                     <!-- Playlist Viewer -->
                     <div class="box" id="section-playlist">
                         <div class="frame-title" onclick="toggleSection('section-playlist')">Playlist Viewer</div>
-                        <div class="collapsible-content flex-grow listbox" style="flex-grow:1">
-                            <div class="list" id="playlist-box" style="height: 100%;">
+                        <div class="collapsible-content listbox" style="flex-grow:1">
+                            <div class="listbox" id="playlist-box" style="height: 100%;">
                                 <ul class="playlist" id="playlist-ul"></ul>
                             </div>
                         </div>
@@ -525,7 +524,7 @@
                 }
                 if (e.key === "s") ws.send(JSON.stringify({action:"skip"}));
                 if (e.key === "n") ws.send(JSON.stringify({action:"skip_next"}));
-                if (e.key === "j") ws.send(JSON.stringify({action:"jingle", top: e.shiftKey}));
+                if (e.key.toLowerCase() === "j") ws.send(JSON.stringify({action:"jingle", top: e.shiftKey}));
             });
 
             // Start