From e23b0769ccfbf1c8eab6a7723b3f2f02b3f3c4a1 Mon Sep 17 00:00:00 2001
From: Matthias Wirth <matthias.wirth@gmail.com>
Date: Thu, 23 Jul 2020 21:09:52 +0200
Subject: [PATCH] change to shrink_sidebar_button

---
 html/index.html |  2 +-
 html/script.js  |  6 +++---
 html/style.css  | 10 +++++++++-
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/html/index.html b/html/index.html
index 655ea07..f94abc8 100644
--- a/html/index.html
+++ b/html/index.html
@@ -782,7 +782,7 @@
               <table style="width: 100%">
                 <tr>
                   <td>
-                    <button id="toggle_sidebar_button" class="toggle_sidebar hidden" title="Show Map"></button>
+                    <button id="shrink_sidebar_button" class="shrink_sidebar hidden" title="Show Map"></button>
                   </td>
                 </tr>
 
diff --git a/html/script.js b/html/script.js
index 8eaa166..786e9b8 100644
--- a/html/script.js
+++ b/html/script.js
@@ -856,7 +856,7 @@ function init_page() {
     // Set up event handlers for buttons
     $("#toggle_sidebar_button").click(toggleSidebarVisibility);
     $("#expand_sidebar_button").click(expandSidebar);
-    $(".toggle_sidebar").click(showMap);
+    $("#shrink_sidebar_button").click(showMap);
 
     $("#large_mode_button").click(toggleLargeMode);
 
@@ -2706,7 +2706,7 @@ function expandSidebar(e) {
     $("#toggle_sidebar_control").hide();
     $("#splitter").hide();
     $("#sudo_buttons").hide();
-    $(".toggle_sidebar").show();
+    $("#shrink_sidebar_button").show();
     $("#sidebar_container").width("100%");
     setColumnVisibility();
     clearTimeout(refreshId);
@@ -2723,7 +2723,7 @@ function showMap() {
     $("#toggle_sidebar_control").show();
     $("#splitter").show();
     $("#sudo_buttons").show();
-    $(".toggle_sidebar").hide();
+    $("#shrink_sidebar_button").hide();
     setColumnVisibility();
     clearTimeout(refreshId);
     fetchData();
diff --git a/html/style.css b/html/style.css
index e91e690..b0c53c2 100644
--- a/html/style.css
+++ b/html/style.css
@@ -85,7 +85,15 @@ html, body {
     background-image: url("images/hide_sidebar.png");
 }
 
-#toggle_sidebar_button.toggle_sidebar {
+#shrink_sidebar_button {
+    cursor: pointer;
+    width: calc( 30px * var(--SCALE));
+    height: calc( 36px * var(--SCALE));
+    background-size: calc( 28px * var(--SCALE)) calc( 32px * var(--SCALE));
+    background-repeat: no-repeat;
+    background-position: calc( 0px * var(--SCALE));
+    background-color: transparent;
+    border: none;
     float: left;
     background-image: url("images/hide_sidebar.png");
 }