From 7ddcc992aa9c2f95a151f1d58943d4ca47873006 Mon Sep 17 00:00:00 2001
From: Marat Fayzullin <luarvique@gmail.com>
Date: Mon, 3 Apr 2023 00:02:58 -0400
Subject: [PATCH] Adding arrows to the section dividers.

---
 htdocs/index.html   | 6 +++---
 htdocs/openwebrx.js | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/htdocs/index.html b/htdocs/index.html
index fea82498..fbcbee65 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);">Modes</div>
+                    <div class="openwebrx-section-divider" onclick="toggleSection(this);">&blacktriangledown;Modes</div>
                     <div class="openwebrx-section">
                         <div class="openwebrx-modes openwebrx-panel-line"></div>
                     </div>
-                    <div class="openwebrx-section-divider" onclick="toggleSection(this);">Controls</div>
+                    <div class="openwebrx-section-divider" onclick="toggleSection(this);">&blacktriangledown;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);">Range</div>
+                    <div class="openwebrx-section-divider" onclick="toggleSection(this);">&blacktriangledown;Range</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>
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js
index 9210cc80..0d8a7eea 100644
--- a/htdocs/openwebrx.js
+++ b/htdocs/openwebrx.js
@@ -45,8 +45,10 @@ function toggleSection(el) {
     var next_el = el.nextElementSibling;
     if (next_el) {
         if (next_el.style.display === "none") {
+            el.innerHTML = el.innerHTML.replace("\u25B4", "\u25BE");
             next_el.style.display = "block";
         } else {
+            el.innerHTML = el.innerHTML.replace("\u25BE", "\u25B4");
             next_el.style.display = "none";
         }
     }