From f32888146644f398617e36155af35483ed5952f3 Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Wed, 2 Mar 2022 14:00:12 -0800
Subject: [PATCH] [docs] sidebar: more spacing (for mobile), add vertical
 scrolling

---
 src/routes/docs/_Sidebar.svelte | 4 ++--
 src/routes/docs/__layout.svelte | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/routes/docs/_Sidebar.svelte b/src/routes/docs/_Sidebar.svelte
index be50f5d..baa0b89 100644
--- a/src/routes/docs/_Sidebar.svelte
+++ b/src/routes/docs/_Sidebar.svelte
@@ -29,7 +29,7 @@
     <a
       href={p.url}
       class:font-bold={$page.path.includes(p.url)}
-      class="py-1 hover:decoration-stone-400 hover:underline"
+      class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {p.text}
     </a>
@@ -39,7 +39,7 @@
     <a
       href={component.url}
       class:font-bold={$page.path.includes(component.url)}
-      class="py-1 hover:decoration-stone-400 hover:underline"
+      class="py-2 hover:decoration-stone-400 hover:underline"
     >
       {component.text}
     </a>
diff --git a/src/routes/docs/__layout.svelte b/src/routes/docs/__layout.svelte
index 563c1d5..35bf43c 100644
--- a/src/routes/docs/__layout.svelte
+++ b/src/routes/docs/__layout.svelte
@@ -12,7 +12,9 @@
 
 <div class="flex">
   <div class="w-52 min-w-fit hidden md:block flex-shrink-0">
-    <div class="sticky top-20">
+    <div
+      class="sticky top-0 pt-20 pb-4 -mt-[61px] max-h-screen overflow-y-auto"
+    >
       <Sidebar />
     </div>
   </div>