From fb6476a001ecadd79dd1c31134940c9ccb0694bb Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Wed, 3 May 2023 21:03:15 -0700
Subject: [PATCH] mnav: prevent scroller overflow

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/MobileNav.vue | 4 ++--
 src/components/Timeline.vue  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/MobileNav.vue b/src/components/MobileNav.vue
index 4010d659..8f647399 100644
--- a/src/components/MobileNav.vue
+++ b/src/components/MobileNav.vue
@@ -37,7 +37,7 @@ export default defineComponent({
 
 <style lang="scss">
 :root {
-  --mobile-nav-width: 62px;
+  --mobile-nav-width: 58px;
 }
 
 // Show correct nav depending on screen size
@@ -67,7 +67,7 @@ export default defineComponent({
   height: var(--mobile-nav-width);
   text-align: center;
   padding: 8px;
-  padding-top: 4px;
+  padding-top: 2px;
   font-size: 0.9em;
 
   :deep a {
diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index 0eb3f6a5..ae39e039 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -384,7 +384,8 @@ export default defineComponent({
       this.containerSize = [width, height];
 
       // Scroller spans the container height
-      this.scrollerHeight = height;
+      // Compensate for the size of the scroller thumb
+      this.scrollerHeight = height - (this.isMobile() ? 40 : 20);
 
       // Static top matter to exclude from recycler height
       const topmatter = this.$refs.topmatter as any;