From f3250f75a24863896280eab4212d71eb7c7f5333 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Fri, 14 Feb 2025 18:18:19 +0100
Subject: [PATCH] fix(style): sidebar links overrides

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

diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index e929e3eff..47882ce14 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -126,6 +126,8 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       <nav style="display:contents;">
       <Link to="/library"
           ghost
+          full
+          align-text="left"
           icon="bi-compass"
           thickWhenActive
         >
@@ -134,6 +136,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/library/artists"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-person-circle"
           thickWhenActive
         >
@@ -142,6 +147,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/subscriptions"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-person-square"
           thickWhenActive
         >
@@ -150,6 +158,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/library/albums"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-disc"
           thickWhenActive
         >
@@ -158,6 +169,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
 
       <Link to="/library/playlists"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-music-note-list"
           thickWhenActive
         >
@@ -165,6 +179,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       </Link>
       <Link to="/library/radios"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-boombox-fill"
           thickWhenActive
         >
@@ -172,6 +189,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       </Link>
       <Link to="/library/podcasts"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-mic"
           thickWhenActive
         >
@@ -179,6 +199,9 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       </Link>
       <Link to="/favorites"
           ghost
+          full
+          align-text="left"
+          thinFont
           icon="bi-heart"
           thickWhenActive
         >