From 63e07dd02689431659d3eb7fc7f11c87d1c06c6e Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Mon, 8 Aug 2022 11:08:04 -0400
Subject: [PATCH] fix: extra padding on mobile

---
 components/Navbar.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/Navbar.vue b/components/Navbar.vue
index 79a7fb7..2557cac 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -56,12 +56,14 @@ li {
   padding-right: 1rem;
 }
 
-li:hover:not(.home-text) {
+li:hover:not(.home-text),
+li:active:not(.home-text) {
   --nav-active-color: lightgray;
   background: var(--nav-active-color);
 }
 
-html.dark li:hover {
+html.dark li:hover,
+html.dark li:active {
   --nav-active-color: darkslategray;
 }
 
@@ -86,13 +88,16 @@ li.home-text {
 @media screen and (max-width: 600px) {
   .hamburger {
     display: flex;
-    width: 3rem;
+    width: 4rem;
     opacity: 1;
   }
 
   li:not(.home-text) {
     width: 0;
     opacity: 0;
+    padding: 0;
+    padding-left: 0;
+    padding-right: 0;
     /* accessibility? screw accessibility
      * i want my pretty animations
      */