fix(style) [WIP] Collapsed sidebar button overrides

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;
+        }
       }
     }
   }