From dc233b67e63247bce12ef0a152492572c9c1fb04 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Sun, 5 Jan 2025 16:56:34 +0100
Subject: [PATCH] fix(style) [WIP] Collapsed sidebar button overrides

---
 front/src/ui/components/Sidebar.vue | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 67e387e9f..762a40a0b 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -85,7 +85,14 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
         <UserMenu/>
 
-        <Button round ghost icon="bi-list large" align-self="center" class="hide-on-desktop" @click="isCollapsed=!isCollapsed"/>
+        <Button
+          round
+          ghost
+          icon="bi-list large"
+          align-self="center"
+          class="hide-on-desktop"
+          :class="$style.menu"
+          @click="isCollapsed=!isCollapsed"/>
       </Layout>
     </Layout>
     <Layout no-gap stack :class="[$style['menu-links'], isCollapsed && 'hide-on-mobile']">
@@ -212,6 +219,21 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
         width: 40px;
         padding: 10px;
         margin-left: 4px;
+
+      }
+
+      .menu {
+        /* TODO: Fix important */
+        color: red;
+        padding: 8px !important;
+        height: 40px;
+        width: 40px !important;
+        margin-left: 4px;
+
+        i {
+          font-size: 24px !important;
+          margin: -1px !important;
+        }
       }
     }
   }