Update _menu.scss

menu-item padding is not respected on production as th,td padding is direction explicit. Adding explicit directions to padding for menu-items resolves the issue

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index 82b483b7d629fe426a13cc2fb07f15e5dce256e0..4d67cf68fe76c7aeee2b4a0864891265889efece 100644 (file)
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -23,8 +23,10 @@ table.menu {
 
   td.menu-item,
   th.menu-item {
-    padding: $menu-item-padding;
+    padding-top: $menu-item-padding;
     padding-right: $menu-item-gutter;
+    padding-bottom: $menu-item-padding;
+    padding-left: $menu-item-padding;
 
     a {
       color: $menu-item-color;
@@ -36,8 +38,10 @@ table.menu {
 table.menu.vertical {
   td.menu-item,
   th.menu-item {
-    padding: $menu-item-padding;
+    padding-top: $menu-item-padding;
     padding-right: 0;
+    padding-bottom: $menu-item-padding;
+    padding-left: $menu-item-padding;
     display: block;
 
     a {