feat(ui): make bottom links slightly responsive

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>