From 5199ac2509d4134758c82585412cca152b1b0859 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Thu, 13 Mar 2025 21:34:05 +0100
Subject: [PATCH] fix(style): sidebar and page layout

---
 front/src/style/funkwhale.scss      |  1 +
 front/src/ui/components/Sidebar.vue | 13 +++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/front/src/style/funkwhale.scss b/front/src/style/funkwhale.scss
index ab2da1d26..5f809d3ff 100644
--- a/front/src/style/funkwhale.scss
+++ b/front/src/style/funkwhale.scss
@@ -7,6 +7,7 @@
 html, body {
   font-family: $font-main;
   font-size: 16px;
+  margin: 0;
 }
 
 .has-background-light {
diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 4d73f4e7d..ef3685954 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/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
-          style="--gap:16px;"
+          gap-16
         >
           <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;">