[design] improve menu nav spacing

Author: zombieFox

src/css/menu.css

@@ -110,14 +110,15 @@
 }
 
 .menu-content{
-padding:0calc(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,15 +128,15 @@
 }
 
 .menu-item-header{
-margin-bottom:calc(var(--menu-space) *2);
+margin-bottom:calc(var(--menu-space) *3);
 }
 
 .menu-item-header-text{
 margin-bottom:0;
 }
 
 .menu-item-form{
-margin:00calc(var(--menu-space) *2) calc(var(--menu-space) *2);
+margin:00calc(var(--menu-space) *3) calc(var(--menu-space) *3);
 z-index:1;
 }
 
@@ -182,7 +183,8 @@
  }
 
  .menu-content{
-padding:0calc(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:0calc(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{