From 388b42a407e4fd34bc0106ecf7ee7befa135f9b3 Mon Sep 17 00:00:00 2001
From: Matthias <matthias.mair@oewf.org>
Date: Tue, 7 Dec 2021 00:26:36 +0100
Subject: [PATCH] use sidebar-wrapper for styleing

---
 InvenTree/templates/base.html         | 4 ++--
 InvenTree/templates/js/dynamic/nav.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/InvenTree/templates/base.html b/InvenTree/templates/base.html
index 4ec04b4ff8..b81eb29582 100644
--- a/InvenTree/templates/base.html
+++ b/InvenTree/templates/base.html
@@ -74,8 +74,8 @@
 <div class='main body wrapper container-fluid inventree-body'>
 
     <div class='row flex-nowrap inventree-body'>
-        <div class='col-auto px-1 sidetree-wrapper' style='display: none;'>
-            <div id='sidetree' class='collapse collapse-horizontal show border-end' style='display: none;'>
+        <div class='col-auto px-1 sidebar-wrapper'>
+            <div id='sidetree' class='collapse collapse-horizontal show border' style='display: none;'>
             {% block sidetree %}
             {% endblock %}
             </div>
diff --git a/InvenTree/templates/js/dynamic/nav.js b/InvenTree/templates/js/dynamic/nav.js
index a01de4a78d..9bce22d517 100644
--- a/InvenTree/templates/js/dynamic/nav.js
+++ b/InvenTree/templates/js/dynamic/nav.js
@@ -181,10 +181,10 @@ function enableSidetree(label) {
 
     function setSidetreeState(label, state) {
         if (state == 'collapsed') {
-            $('.sidetree-wrapper').hide(100);
+            $('#sidetree').hide(100);
             $(`#sidetree-toggle-icon`).removeClass('fa-chevron-left').addClass('fa-chevron-right');
         } else {
-            $('.sidetree-wrapper').show(100);
+            $('#sidetree').show(100);
             $(`#sidetree-toggle-icon`).removeClass('fa-chevron-right').addClass('fa-chevron-left');
         }
         localStorage.setItem(`inventree-tree-state-${label}`, state);