fix: align navbar icons vertically with text

Update navbar styling to properly align icons with their text labels by
adding inline-flex display to nav-link elements and my-auto utility class
to icons. Also add control parameter to modal search button for proper
integration.

Fixes #1642

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: markdumay

assets/scss/components/_navbar.scss

@@ -107,6 +107,7 @@
 
 .nav-link {
     margin: 0 .15rem;
+    display: inline-flex;
 }
 
 .navbar-title, .navbar-title-center, .navbar-title-start {

exampleSite/hugo_stats.json

@@ -254,6 +254,9 @@
       "fa-activity",
       "fa-address-card",
       "fa-angle-left",
+      "fa-angle-right",
+      "fa-angles-left",
+      "fa-angles-right",
       "fa-arrow-left",
       "fa-arrow-right",
       "fa-bars",
@@ -706,11 +709,11 @@
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-148b0fae15ff2a047abc8989b23507ed",
-      "dropdown-panel-51fd78e094050a08e4e73f46de139378",
-      "dropdown-panel-5bc63dc7e888f9270435d29e5beea144",
-      "dropdown-panel-70d4bd4232fabdb5b676fa927fb34623",
-      "dropdown-panel-beecc9f4bbdfbf103b44bc081427471c",
+      "dropdown-panel-05fb366961a032145e2dfc2f236575b2",
+      "dropdown-panel-269e7a3ab7c4557afd4f6fee4e4279e1",
+      "dropdown-panel-45614878ec222752158fe2410b5c88e5",
+      "dropdown-panel-8d7d288daff93a695081d2791a6bb737",
+      "dropdown-panel-d8c389bebb57d33ad37d1458bdfe710d",
       "eerste-artikel",
       "elements-type",
       "entity-relationship-diagram",
@@ -731,11 +734,11 @@
       "fab-whatsapp",
       "fab-x-twitter",
       "faq",
-      "faq-2875a3ff9a51a1b06d310e53b7cd33a7",
-      "faq-2875a3ff9a51a1b06d310e53b7cd33a7-heading-faq-2875a3ff9a51a1b06d310e53b7cd33a7",
-      "faq-2875a3ff9a51a1b06d310e53b7cd33a7-item-0",
-      "faq-2875a3ff9a51a1b06d310e53b7cd33a7-item-1",
-      "faq-2875a3ff9a51a1b06d310e53b7cd33a7-item-2",
+      "faq-84625a3228fe3acb7b179fc35b56c777",
+      "faq-84625a3228fe3acb7b179fc35b56c777-heading-faq-84625a3228fe3acb7b179fc35b56c777",
+      "faq-84625a3228fe3acb7b179fc35b56c777-item-0",
+      "faq-84625a3228fe3acb7b179fc35b56c777-item-1",
+      "faq-84625a3228fe3acb7b179fc35b56c777-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
@@ -744,6 +747,9 @@
       "fas-6",
       "fas-address-card",
       "fas-angle-left",
+      "fas-angle-right",
+      "fas-angles-left",
+      "fas-angles-right",
       "fas-arrow-left",
       "fas-arrow-right",
       "fas-bars",
@@ -847,11 +853,11 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-148b0fae15ff2a047abc8989b23507ed",
-      "nav-panel-51fd78e094050a08e4e73f46de139378",
-      "nav-panel-5bc63dc7e888f9270435d29e5beea144",
-      "nav-panel-70d4bd4232fabdb5b676fa927fb34623",
-      "nav-panel-beecc9f4bbdfbf103b44bc081427471c",
+      "nav-panel-05fb366961a032145e2dfc2f236575b2",
+      "nav-panel-269e7a3ab7c4557afd4f6fee4e4279e1",
+      "nav-panel-45614878ec222752158fe2410b5c88e5",
+      "nav-panel-8d7d288daff93a695081d2791a6bb737",
+      "nav-panel-d8c389bebb57d33ad37d1458bdfe710d",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -861,36 +867,36 @@
       "notification",
       "over-mij",
       "overview",
-      "panel-148b0fae15ff2a047abc8989b23507ed-0",
-      "panel-148b0fae15ff2a047abc8989b23507ed-1",
-      "panel-148b0fae15ff2a047abc8989b23507ed-2",
-      "panel-148b0fae15ff2a047abc8989b23507ed-btn-0",
-      "panel-148b0fae15ff2a047abc8989b23507ed-btn-1",
-      "panel-148b0fae15ff2a047abc8989b23507ed-btn-2",
-      "panel-51fd78e094050a08e4e73f46de139378-0",
-      "panel-51fd78e094050a08e4e73f46de139378-1",
-      "panel-51fd78e094050a08e4e73f46de139378-2",
-      "panel-51fd78e094050a08e4e73f46de139378-btn-0",
-      "panel-51fd78e094050a08e4e73f46de139378-btn-1",
-      "panel-51fd78e094050a08e4e73f46de139378-btn-2",
-      "panel-5bc63dc7e888f9270435d29e5beea144-0",
-      "panel-5bc63dc7e888f9270435d29e5beea144-1",
-      "panel-5bc63dc7e888f9270435d29e5beea144-2",
-      "panel-5bc63dc7e888f9270435d29e5beea144-btn-0",
-      "panel-5bc63dc7e888f9270435d29e5beea144-btn-1",
-      "panel-5bc63dc7e888f9270435d29e5beea144-btn-2",
-      "panel-70d4bd4232fabdb5b676fa927fb34623-0",
-      "panel-70d4bd4232fabdb5b676fa927fb34623-1",
-      "panel-70d4bd4232fabdb5b676fa927fb34623-2",
-      "panel-70d4bd4232fabdb5b676fa927fb34623-btn-0",
-      "panel-70d4bd4232fabdb5b676fa927fb34623-btn-1",
-      "panel-70d4bd4232fabdb5b676fa927fb34623-btn-2",
-      "panel-beecc9f4bbdfbf103b44bc081427471c-0",
-      "panel-beecc9f4bbdfbf103b44bc081427471c-1",
-      "panel-beecc9f4bbdfbf103b44bc081427471c-2",
-      "panel-beecc9f4bbdfbf103b44bc081427471c-btn-0",
-      "panel-beecc9f4bbdfbf103b44bc081427471c-btn-1",
-      "panel-beecc9f4bbdfbf103b44bc081427471c-btn-2",
+      "panel-05fb366961a032145e2dfc2f236575b2-0",
+      "panel-05fb366961a032145e2dfc2f236575b2-1",
+      "panel-05fb366961a032145e2dfc2f236575b2-2",
+      "panel-05fb366961a032145e2dfc2f236575b2-btn-0",
+      "panel-05fb366961a032145e2dfc2f236575b2-btn-1",
+      "panel-05fb366961a032145e2dfc2f236575b2-btn-2",
+      "panel-269e7a3ab7c4557afd4f6fee4e4279e1-0",
+      "panel-269e7a3ab7c4557afd4f6fee4e4279e1-1",
+      "panel-269e7a3ab7c4557afd4f6fee4e4279e1-2",
+      "panel-269e7a3ab7c4557afd4f6fee4e4279e1-btn-0",
+      "panel-269e7a3ab7c4557afd4f6fee4e4279e1-btn-1",
+      "panel-269e7a3ab7c4557afd4f6fee4e4279e1-btn-2",
+      "panel-45614878ec222752158fe2410b5c88e5-0",
+      "panel-45614878ec222752158fe2410b5c88e5-1",
+      "panel-45614878ec222752158fe2410b5c88e5-2",
+      "panel-45614878ec222752158fe2410b5c88e5-btn-0",
+      "panel-45614878ec222752158fe2410b5c88e5-btn-1",
+      "panel-45614878ec222752158fe2410b5c88e5-btn-2",
+      "panel-8d7d288daff93a695081d2791a6bb737-0",
+      "panel-8d7d288daff93a695081d2791a6bb737-1",
+      "panel-8d7d288daff93a695081d2791a6bb737-2",
+      "panel-8d7d288daff93a695081d2791a6bb737-btn-0",
+      "panel-8d7d288daff93a695081d2791a6bb737-btn-1",
+      "panel-8d7d288daff93a695081d2791a6bb737-btn-2",
+      "panel-d8c389bebb57d33ad37d1458bdfe710d-0",
+      "panel-d8c389bebb57d33ad37d1458bdfe710d-1",
+      "panel-d8c389bebb57d33ad37d1458bdfe710d-2",
+      "panel-d8c389bebb57d33ad37d1458bdfe710d-btn-0",
+      "panel-d8c389bebb57d33ad37d1458bdfe710d-btn-1",
+      "panel-d8c389bebb57d33ad37d1458bdfe710d-btn-2",
       "panels",
       "persona",
       "pie-chart",

layouts/_partials/assets/helpers/navbar-item.html

@@ -57,7 +57,7 @@
 
 {{- if $isExternal }}
     {{- if $tab }}{{ $externalHref = "target=\"_blank\" rel=\"noopener noreferrer nofollow\"" }}{{ end -}}
-    {{- if $cue }}{{ $suffix = partial "assets/icon.html" (dict "icon" "fas up-right-from-square fa-2xs") }}{{ end -}}
+    {{- if $cue }}{{ $suffix = partial "assets/icon.html" (dict "icon" "fas up-right-from-square fa-2xs my-auto") }}{{ end -}}
 {{ else if $menuURL }}
     {{ $ref := partial "utilities/GetPage.html" (dict "url" $url.Path "page" $page) }}
     {{- if not $ref -}}
@@ -115,7 +115,7 @@
                 {{ if hasPrefix . "<i" }}
                     {{ . | safeHTML }}
                 {{ else }}
-                    {{ partial "assets/icon.html" (dict "icon" (printf "%s fa-fw" .) "spacing" false )}}
+                    {{ partial "assets/icon.html" (dict "icon" (printf "%s fa-fw my-auto" .) "spacing" false )}}
                 {{ end }}
             {{ end -}}
             <span class="{{ if $isActive }}active{{ end }} {{ with $args.breakpoint }}d-{{ . }}-none {{ end }}">

layouts/_partials/assets/navbar.html

@@ -236,7 +236,7 @@
 
                     {{/* Insert modal search button */}}
                     {{- if $search.modal }}
-                        {{ $searchItem := dict "Name" (T "ui_search") "Menu" "Main" "Pre" $search.icon "Params" (dict "icon" true) }}
+                        {{ $searchItem := dict "Name" (T "ui_search") "Menu" "Main" "Pre" $search.icon "Params" (dict "icon" true "control" true) }}
                         {{- partial "assets/helpers/navbar-item.html" (dict
                             "menu-entry" $searchItem
                             "page"       $page