From: nikitasol <nikita@handrich.es>
Date: Wed, 29 Jul 2020 21:53:36 +0000 (+0200)
Subject: Update _menu.scss
X-Git-Tag: v2.4.0~4^2~3^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=5f4e32d85ed61a4d252b4e15d4030618be8a07cf;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

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 82b483b7..4d67cf68 100644
--- 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 {