From 20354c535d83e45abd09b1997f1970ea87125116 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <github@jimmycai.com>
Date: Fri, 4 Mar 2022 09:19:38 +0000
Subject: [PATCH] fix mobile menu style

---
 assets/scss/partials/menu.scss | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/assets/scss/partials/menu.scss b/assets/scss/partials/menu.scss
index d9107f6..4f29c9f 100644
--- a/assets/scss/partials/menu.scss
+++ b/assets/scss/partials/menu.scss
@@ -134,16 +134,20 @@
     overflow-y: auto;
     flex-grow: 1;
     font-size: 1.4rem;
-
     background-color: var(--card-background);
-    padding: 15px 0;
+
     box-shadow: var(--shadow-l1);
     display: none;
     margin: 0 calc(var(--container-padding) * -1);
 
+    padding: 30px 30px;
+    @include respond(xl) {
+        padding: 15px 0;
+    }
+
     &,
     .menu-bottom-section {
-        gap: 20px;
+        gap: 30px;
         @include respond(xl) {
             gap: 25px;
         }
@@ -165,11 +169,10 @@
     li {
         position: relative;
         vertical-align: middle;
-        padding: 0 15px;
+        padding: 0;
 
         @include respond(md) {
             width: 100%;
-            padding: 0;
         }
 
         svg {