From 79edf6a0a5afb47d81174a8ace8b128fc742bf9b Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Sun, 22 Dec 2024 21:25:29 +0100
Subject: [PATCH] fix(style): minor style corrections

---
 front/src/components/About.vue      | 11 ++++++-----
 front/src/style/funkwhale.scss      |  8 ++++++--
 front/src/ui/components/Sidebar.vue | 10 ++++------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/front/src/components/About.vue b/front/src/components/About.vue
index e98d0333e..d9825b57a 100644
--- a/front/src/components/About.vue
+++ b/front/src/components/About.vue
@@ -166,7 +166,7 @@ const federationEnabled = computed(() => {
         </p>
 
         <template #action>
-          <Button disabled>
+          <Button full disabled>
             {{ t('components.About.message.loggedIn') }}
           </Button>
         </template>
@@ -220,14 +220,15 @@ const federationEnabled = computed(() => {
               </div>
             </div>
           </template>
+        </div>
 
-          <router-link
+        <template #action>
+          <Link alignText="center"
             to="/about/pod"
-            class="ui fluid basic secondary button"
           >
             {{ t('components.About.link.learnMore') }}
-          </router-link>
-        </div>
+          </Link>
+        </template>
       </Card>
 
     </Layout>
diff --git a/front/src/style/funkwhale.scss b/front/src/style/funkwhale.scss
index e46c5c0c6..ab2da1d26 100644
--- a/front/src/style/funkwhale.scss
+++ b/front/src/style/funkwhale.scss
@@ -6,8 +6,7 @@
 
 html, body {
   font-family: $font-main;
-  font-size: 16px !important;
-  // background-color: var(--fw-bg-color);
+  font-size: 16px;
 }
 
 .has-background-light {
@@ -24,3 +23,8 @@ html, body {
 :root {
   --fw-border-radius: 8px;
 }
+
+:root{
+  /* Do not show white background when scrolling past the end */
+  overscroll-behavior: none;
+}
diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index a4028b461..e081fe29a 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -166,7 +166,7 @@ const uploads = useUploadsStore()
     <Spacer />
     <h3>{{ t('components.Sidebar.link.channels') }}</h3>
     <Spacer grow />
-    <Layout nav flex no-gap>
+    <Layout nav flex no-gap style="justify-content: center">
       <Link thin to="/about">
         {{ t('components.Sidebar.link.about') }}
       </Link>
@@ -186,15 +186,13 @@ const uploads = useUploadsStore()
 <style module lang="scss">
 
 .sidebar {
-  display:flex;
-  flex-direction:column;
-
   .logo {
-    margin: 16px;
+    padding-left: 16px;
+    padding-top: 8px;
   }
 
   &.sticky-content {
-    max-height: 100vh;
+    max-height: 100dvh;
     overflow: auto;
     top: 0;