From f1db06b5dcdce03a0f98fe80d10c59ccfab34df8 Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Tue, 18 Feb 2020 23:03:52 +0000
Subject: [PATCH] [design] improve menu nav spacing

---
 src/css/menu.css | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/css/menu.css b/src/css/menu.css
index 8de885f9..b7191faa 100755
--- a/src/css/menu.css
+++ b/src/css/menu.css
@@ -110,14 +110,15 @@
 }
 
 .menu-content {
-  padding: 0 calc(var(--menu-space) * 3);
+  padding-left: calc(var(--menu-space) * 3);
+  padding-right: calc(var(--menu-space) * 3);
   grid-column-start: 1;
   grid-column-end: 3;
 }
 
 .menu-content-item {
-  padding-top: calc(var(--menu-space) * 2);
-  padding-bottom: calc(var(--menu-space) * 2);
+  padding-top: calc(var(--menu-space) * 3);
+  padding-bottom: calc(var(--menu-space) * 3);
   position: relative;
   z-index: 1;
 }
@@ -127,7 +128,7 @@
 }
 
 .menu-item-header {
-  margin-bottom: calc(var(--menu-space) * 2);
+  margin-bottom: calc(var(--menu-space) * 3);
 }
 
 .menu-item-header-text {
@@ -135,7 +136,7 @@
 }
 
 .menu-item-form {
-  margin: 0 0 calc(var(--menu-space) * 2) calc(var(--menu-space) * 2);
+  margin: 0 0 calc(var(--menu-space) * 3) calc(var(--menu-space) * 3);
   z-index: 1;
 }
 
@@ -182,7 +183,8 @@
   }
 
   .menu-content {
-    padding: 0 calc(var(--menu-space) * 4);
+    padding-left: calc(var(--menu-space) * 4);
+    padding-right: calc(var(--menu-space) * 4);
     grid-column-start: 2;
     grid-column-end: 4;
     grid-row-start: 1;
@@ -196,7 +198,8 @@
   }
 
   .menu-content-item {
-    padding: calc(var(--menu-space) * 4) 0;
+    padding-top: calc(var(--menu-space) * 4);
+    padding-bottom: calc(var(--menu-space) * 4);
   }
 
   .menu-nav-item {
@@ -268,11 +271,13 @@
   }
 
   .menu-content {
-    padding: 0 calc(var(--menu-space) * 5);
+    padding-left: calc(var(--menu-space) * 5);
+    padding-right: calc(var(--menu-space) * 5);
   }
 
   .menu-content-item {
-    padding: calc(var(--menu-space) * 5) 0;
+    padding-top: calc(var(--menu-space) * 5);
+    padding-bottom: calc(var(--menu-space) * 5);
   }
 
   .menu-close-tab {