From ae384cbd4651ab3e1998804d754643961522c01b Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Wed, 18 Dec 2024 16:57:35 +0100
Subject: [PATCH] feat(ui): make bottom links slightly responsive

---
 front/src/ui/components/Sidebar.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index ecef201df..ccbeb2373 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -104,14 +104,14 @@ const uploads = useUploadsStore()
       <div style="display:contents;" class="hide-on-desktop" v-if="!store.state.auth.authenticated">
         <Layout flex no-gap>
           <Link :to="{ name: 'login' }"
-            primary solid ful
+            primary solid
             icon="bi-box-arrow-in-right"
             style="flex-grow:1"
           >
             {{ t('components.common.UserMenu.link.login') }}
           </Link>
           <Link :to="{ name: 'signup' }"
-            secondary solid
+            default solid
             icon="bi-person-square"
             style="flex-grow:1"
           >
@@ -171,17 +171,19 @@ const uploads = useUploadsStore()
     <Spacer />
     <h3>{{ t('components.Sidebar.link.channels') }}</h3>
     <Spacer grow />
-    <nav>
+    <Layout nav flex no-gap>
       <Link thin to="/about">
         {{ t('components.Sidebar.link.about') }}
       </Link>
+      <Spacer shrink />
       <Link thin to="/privacy">
         Privacy
       </Link>
+      <Spacer shrink />
       <Link thin to="/legal">
         Legal
       </Link>
-    </nav>
+    </Layout>
     </Layout>
   </Layout>
 </template>