[FIX] website: fix menu items padding in 'Vertical' header template

task-2312878

closes odoo/odoo#57714

X-original-commit: 9f059dd6fb98f4d7d6fe513a4db107d174417029
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

addons/website/static/src/scss/website.scss

@@ -988,6 +988,10 @@ header {
             margin-bottom: $spacer;
         }
     }
+    .navbar-nav {
+        padding-top: $navbar-padding-y;
+        padding-bottom: $navbar-padding-y;
+    }
 } @else if o-website-value('header-template') == 'sidebar' {
     @include media-breakpoint-up(lg) {
         #wrapwrap {
@@ -1158,7 +1162,8 @@ header {
 // Navbar Links Styles
 @if index(('block', 'border-bottom'), o-website-value('header-links-style')) {
     @include media-breakpoint-up(md) {
-        .navbar {
+        .navbar,
+        .navbar-nav {
             padding-top: 0;
             padding-bottom: 0;
         }

addons/website/views/website_templates.xml

@@ -456,7 +456,7 @@
                     <div class="oe_structure w-100" id="oe_structure_header_vertical_3"/>
                     <!-- Nav -->
                     <t t-call="website.navbar_nav">
-                        <t t-set="_nav_class" t-value="'mx-auto mb-3 mb-lg-0'"/>
+                        <t t-set="_nav_class" t-value="'mx-auto'"/>
                         <!-- Menu -->
                         <t t-foreach="website.menu_id.child_id" t-as="submenu">
                             <t t-call="website.submenu">