From db876acc03d40b56855b6c635242825592fda452 Mon Sep 17 00:00:00 2001
From: Sasha Alimov <aalimov@wiley.com>
Date: Mon, 6 Mar 2023 13:17:25 -0500
Subject: [PATCH] change style

---
 src/static/radio.js      |  6 +++---
 src/static/style.css     |  4 ++--
 src/templates/radio.html | 25 +++++++++++++------------
 3 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/static/radio.js b/src/static/radio.js
index c3c4289..3297aba 100644
--- a/src/static/radio.js
+++ b/src/static/radio.js
@@ -45,15 +45,15 @@ function change_text(song_path) {
 let cursor_pos = 1;
 function showSelect(move) {
   cursor_pos += move;
-  if (cursor_pos > 7) {
+  if (cursor_pos > 6) {
     cursor_pos = 0;
   } else if (cursor_pos < 0) {
-    cursor_pos = 7;
+    cursor_pos = 6;
   }
   const ids = [
     "menu_radio_switch",
     "menu_volume",
-    "menu_radio_name",
+    // "menu_radio_name",
     "menu_now_playing",
     "menu_radio_logo",
     "menu_author",
diff --git a/src/static/style.css b/src/static/style.css
index 044ee14..e2b5c20 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -36,8 +36,8 @@ body {
 }
 
 .select:hover {
-  background-color: yellow;
+  background-color: black;
 }
 .select_key {
-  background-color: yellow;
+  background-color: white;
 }
diff --git a/src/templates/radio.html b/src/templates/radio.html
index 769e394..8746410 100644
--- a/src/templates/radio.html
+++ b/src/templates/radio.html
@@ -38,19 +38,20 @@
 
   <div id="menu" class="position-absolute w-25 top-50 start-50 translate-middle fs-1 text-center d-none d-lg-block">
     <div>
-      <span id="menu_radio_switch" class="d-flex justify-content-between select">
-        radio
-        <div>
-          <p id="switch" href="javascript:void(0);" class="text-decoration-none" onclick="change_text('static/grand-theft-auto-gta-vice.ogg')">off</p>
-        </div>
-      </span>
+      <div id="menu_radio_switch" class="d-flex justify-content-between select">
+        <div>radio</div>
+        <div id="switch" href="javascript:void(0);" class="text-decoration-none" onclick="change_text('static/grand-theft-auto-gta-vice.ogg')">off</div>
+      </div>
+    </div>
+    <div id="menu_volume" class="d-flex justify-content-between select">
+      <div>volume</div>
+      <div>4</div>
     </div>
-    <div><span id="menu_volume" class="select">volume</span></div>
-    <div><span id="menu_radio_name" class="select">Radio name</span></div>
-    <div><span id="menu_now_playing" class="select">Now playing</span></div>
-    <div><span id="menu_radio_logo" class="select"><img src="static/k-chat.webp" class="card-img w-50 border" alt="..." /></span></div>
-    <div><span id="menu_author" class="select">Author</span></div>
-    <div><span id="menu_back" class="select">back</span></div>
+    <!-- <div id="menu_radio_name" class="select">Radio name</div> -->
+    <div id="menu_now_playing" class="select">Now playing</div>
+    <div id="menu_radio_logo" class="select"><img src="static/k-chat.webp" class="card-img w-50" alt="..." /></div>
+    <div id="menu_author" class="select">Author</div>
+    <div id="menu_back" class="select">back</div>
   </div>
 
   <div id="menu_mobile" class="position-absolute top-0 start-50 translate-middle-x text-center d-block d-lg-none h-75 w-50 pt-2 big_text">