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 @@
|
-
+
|
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");
}