From 54f3dd0e46c98c398acbc408579d358b0c52b3b9 Mon Sep 17 00:00:00 2001
From: Bat <baptiste@gelez.xyz>
Date: Sat, 17 Mar 2018 14:15:10 +0100
Subject: [PATCH] Make the style of the sidebar collapse button more coherent

---
 front/src/components/Sidebar.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 7291d7f99..3704dab75 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -159,7 +159,7 @@ $sidebar-color: #3D3E3F;
   }
   @include media(">desktop") {
     .collapse.button {
-      display: none;
+      display: none !important;
     }
   }
   @include media("<desktop") {
@@ -193,7 +193,7 @@ $sidebar-color: #3D3E3F;
   .menu .item.active {
     background-color: $sidebar-color;
     &:hover {
-    background-color: rgba(255, 255, 255, 0.06);
+      background-color: rgba(255, 255, 255, 0.06);
     }
   }
 }
@@ -231,10 +231,13 @@ $sidebar-color: #3D3E3F;
 
 .ui.search {
   display: flex;
-  .collapse.button {
-    margin-right: 0.5rem;
-    margin-top: 0.5rem;
-    float: right;
+
+  .collapse.button, .collapse.button:hover, .collapse.button:active {
+    box-shadow: none !important;
+    margin: 0px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
   }
 }