fix(style): minor style corrections

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>
+          </Link>
-        </div>
+        </template>
       </Card>
 
     </Layout>

front/src/style/funkwhale.scss

@@ -6,8 +6,7 @@
 
 html, body {
   font-family: $font-main;
-  font-size: 16px !important;
+  font-size: 16px;
-  // background-color: var(--fw-bg-color);
 }
 
 .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;
+}

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;