From d52f461e462b14f19c26152b1f3cabad067db94a Mon Sep 17 00:00:00 2001
From: Szymi1994 <mszymczak_94@wp.pl>
Date: Mon, 29 Apr 2019 12:45:10 +0200
Subject: [PATCH 1/2] Change toggle icon and add proper styles

---
 users/static/users/center_style.css | 6 ++++++
 users/templates/base.html           | 4 +---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/users/static/users/center_style.css b/users/static/users/center_style.css
index a123caa48..6ac0893c6 100644
--- a/users/static/users/center_style.css
+++ b/users/static/users/center_style.css
@@ -144,6 +144,12 @@ span {
     display: none;
 }
 
+#content > nav > .btn {
+    background-color: #f2f2f2;
+    font-size: 150%;
+    color: #2c77bc;
+}
+
 /*Active*/
 .active span {
     color: white;
diff --git a/users/templates/base.html b/users/templates/base.html
index 670f92323..950bc8598 100644
--- a/users/templates/base.html
+++ b/users/templates/base.html
@@ -118,9 +118,7 @@
     </nav>
     <div id="content">
         <nav style="text-align: left">
-            <button type="button" id="sidebarCollapse" class="btn btn-info navbar-btn">
-                <span>Toggle Sidebar</span>
-            </button>
+            <button class="btn" id="sidebarCollapse"><i class="glyphicon glyphicon-chevron-left"></i></button>
         </nav>
     {% endif %}
     <!-- Page Content Holder -->

From 3e859b068380fedac402b038847fab5b1b58420d Mon Sep 17 00:00:00 2001
From: Szymi1994 <mszymczak_94@wp.pl>
Date: Mon, 29 Apr 2019 14:53:52 +0200
Subject: [PATCH 2/2] Change icons depends on toggled menu

---
 users/static/users/scripts/float_menu.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/users/static/users/scripts/float_menu.js b/users/static/users/scripts/float_menu.js
index dbf01cec5..3a77ea9f9 100644
--- a/users/static/users/scripts/float_menu.js
+++ b/users/static/users/scripts/float_menu.js
@@ -3,3 +3,7 @@ $(document).ready(function () {
         $('#sidebar').toggleClass('active');
     });
 });
+
+$('.btn').on("click", function () {
+    $('.glyphicon').toggleClass('glyphicon-chevron-left glyphicon-chevron-right');
+});