From 24bd2051523221c8ce5ed1b680c8a82528b24c65 Mon Sep 17 00:00:00 2001
From: Marat Fayzullin <luarvique@gmail.com>
Date: Sat, 1 Apr 2023 20:54:08 -0400
Subject: [PATCH] Added labels to sections, making them easier to click.

---
 htdocs/css/openwebrx.css | 7 ++++---
 htdocs/index.html        | 6 +++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 4a4cd7ed..9dabc66f 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -1424,10 +1424,11 @@ img.openwebrx-mirror-img
 }
 
 .openwebrx-section-divider {
-    border-bottom: 2px dotted white;
+    border-bottom: 2px dotted;
     margin-bottom: 5px;
-    opacity: 0.25;
-    height: 5px;
+    margin-top: 5px;
+    min-height: 5px;
+    color: #aaa;
 }
 
 .openwebrx-section {
diff --git a/htdocs/index.html b/htdocs/index.html
index 18d7ed9a..3ddbeabd 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -190,11 +190,11 @@
                         <select id="openwebrx-sdr-profiles-listbox" onchange="sdr_profile_changed();">
                         </select>
                     </div>
-                    <div class="openwebrx-section-divider" onclick="toggleSection(this);"></div>
+                    <div class="openwebrx-section-divider" onclick="toggleSection(this);">Modes</div>
                     <div class="openwebrx-section">
                         <div class="openwebrx-modes openwebrx-panel-line"></div>
                     </div>
-                    <div class="openwebrx-section-divider" onclick="toggleSection(this);"></div>
+                    <div class="openwebrx-section-divider" onclick="toggleSection(this);">Controls</div>
                     <div class="openwebrx-section">
                         <div class="openwebrx-panel-line">
                             <div title="Mute on/off" class="openwebrx-button openwebrx-slider-button openwebrx-mute-button" onclick="toggleMute();">
@@ -242,7 +242,7 @@
                             <input title="Waterfall maximum level" id="openwebrx-waterfall-color-max" class="openwebrx-panel-slider" type="range" min="-200" max="100" value="50" step="1" onchange="updateWaterfallColors(1);" oninput="updateVolume()">
                         </div>
                     </div>
-                    <div class="openwebrx-section-divider" onclick="toggleSection(this);"></div>
+                    <div class="openwebrx-section-divider" onclick="toggleSection(this);">Visual</div>
                     <div class="openwebrx-section">
                         <div class="openwebrx-panel-line">
                             <div class="openwebrx-button openwebrx-square-button openwebrx-zoom-button" onclick="zoomInOneStep();" title="Zoom in one step"><svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#zoom-in"></use></svg></div>