From a1181623b7bb7998be11259f2d57c1567e4f0ccd Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Sun, 17 Nov 2019 11:58:05 +0100
Subject: [PATCH] hide sidebar button styling

---
 src/public/stylesheets/desktop.css | 8 ++++++++
 src/views/sidebar.ejs              | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/public/stylesheets/desktop.css b/src/public/stylesheets/desktop.css
index cb5430304..eada71e04 100644
--- a/src/public/stylesheets/desktop.css
+++ b/src/public/stylesheets/desktop.css
@@ -381,6 +381,14 @@ body {
 
 .hide-sidebar-button {
     color: var(--main-text-color);
+    background: none;
+    border: 1px solid transparent;
+    padding: 2px 8px 2px 8px;
+    border-radius: 2px;
+}
+
+.hide-sidebar-button:hover {
+    border-color: var(--button-border-color);
 }
 
 .note-detail-sidebar {
diff --git a/src/views/sidebar.ejs b/src/views/sidebar.ejs
index 8849711c8..24c83e684 100644
--- a/src/views/sidebar.ejs
+++ b/src/views/sidebar.ejs
@@ -1,6 +1,6 @@
 <div class="note-detail-sidebar hide-toggle" style="width: <%= sidebarWidthPercent %>%; min-width: <%= sidebarMinWidth %>px">
-    <div style="text-align: center; margin-bottom: 10px;">
-        <button class="hide-sidebar-button" style="background: none; border: none;">hide sidebar <span class="bx bx-chevrons-right"></span></button>
+    <div style="text-align: center; margin-bottom: 5px;">
+        <button class="hide-sidebar-button">hide sidebar <span class="bx bx-chevrons-right"></span></button>
     </div>
 
     <div class="note-detail-widget-container"></div>