From 40be208e6dbb38f65878c85eca92872d5400d484 Mon Sep 17 00:00:00 2001
From: onomanapeia <pink.hitsuji@gmail.com>
Date: Sat, 5 Oct 2024 15:44:33 -0500
Subject: [PATCH] scrollbar & nav fixes

---
 _includes/layout/sidebar.html | 4 ++--
 _pages/plans.md               | 2 +-
 style.css                     | 9 +++++----
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/_includes/layout/sidebar.html b/_includes/layout/sidebar.html
index 8b1155a..e86467f 100644
--- a/_includes/layout/sidebar.html
+++ b/_includes/layout/sidebar.html
@@ -1,7 +1,7 @@
 <nav>
-  <profile-img>
+  <div class="profile-img">
     <a href="/" title="picrew" style="padding: 0;"><img id="randomImage" src="{% link /img/picrew/000.png %}" alt="mana's pfp" loading="eager"></a>
-  </profile-img>
+  </div>
   
     <div onclick="myFunction()" class="menu-toggle">menu <i class="ph ph-list" style="font-size: 1.25em;"></i></div>
     <div id="myLinks" class="menu">
diff --git a/_pages/plans.md b/_pages/plans.md
index 5ec6f35..5a945a1 100644
--- a/_pages/plans.md
+++ b/_pages/plans.md
@@ -39,7 +39,7 @@ this is just a place for me to keep track of my ideas for this webbed site. not
     - acnh island info
     - about my ffxiv character
     - about my bg3 character
-    - maybe talk more about vs/what kind of vns I like/vns I am looking forward to
+    - maybe talk more about vns/what kind of vns I like/vns I am looking forward to
 - covers, what songs i want to cover (need to find out if gitlab will let me host that many files D:)
 - stuff I plan to:
     - read
diff --git a/style.css b/style.css
index a146f4f..93ac2d0 100644
--- a/style.css
+++ b/style.css
@@ -80,6 +80,9 @@ nav {
   left: 0;
   height: 100%;
   align-content: center;
+  overflow: auto;
+  scrollbar-color: var(--hovColor) var(--bgColor);
+  scrollbar-width: thin;
 }
 
 nav > * {
@@ -351,14 +354,12 @@ hr {
   width: 93%;
   margin: 1em auto;
 }
-profile-img {
-  padding: 0;
-}
 
-profile-img img {
+.profile-img img {
   max-width: 200px;
   text-align: center;
   border-radius: 100%;
+  padding: 0;
 }
 
 .theme-switches{