fix(style): sidebar and page layout

front/src/style/funkwhale.scss

@@ -7,6 +7,7 @@
 html, body {
   font-family: $font-main;
   font-size: 16px;
+  margin: 0;
 }
 
 .has-background-light {

front/src/ui/components/Sidebar.vue

@@ -191,18 +191,18 @@ const isOpen = ref(false)
       <!-- Sign up, Log in -->
       <div
         v-if="!store.state.auth.authenticated"
-        style="display:contents;"
+        style="display: contents;"
       >
         <Layout
           flex
-          grow
+          gap-16
-          style="--gap:16px;"
         >
           <Link
             :to="{ name: 'login' }"
             solid
+            auto
+            grow
             icon="bi-box-arrow-in-right"
-            style="flex-grow:1"
             class="active"
           >
             {{ t('components.common.UserMenu.link.login') }}
@@ -211,13 +211,14 @@ const isOpen = ref(false)
             :to="{ name: 'signup' }"
             default
             solid
+            auto
+            grow
             icon="bi-person-square"
-            style="flex-grow:1"
           >
             {{ t('components.common.UserMenu.link.signup') }}
           </Link>
         </Layout>
-        <Spacer :size="32" />
+        <Spacer grow />
       </div>
 
       <nav style="display:contents;">