final polish

layouts/partials/header/basic.html

@@ -94,7 +94,7 @@
             <div id="menu-wrapper" style="padding-top:5px;"
                 class="fixed inset-0 z-30 invisible w-screen h-screen m-auto overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
                 <ul
-                    class="flex mt-4 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
+                    class="flex space-y-2 mt-3 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
 
                     <li>
                         <span
@@ -114,7 +114,6 @@
 
                 </ul>
                 {{ if .Site.Menus.subnavigation }}
-
                 <hr>
                 <ul
                     class="flex mt-4 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">

layouts/partials/header/header-mobile-option-nested.html

@@ -1,4 +1,4 @@
-<li class="mt-3">
+<li class="mt-1">
     <a class="flex items-center">
         {{ if .Pre }}
         <span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
@@ -14,7 +14,7 @@
     </a>
 </li>
 {{ range .Children }}
-<li class="mt-2">
+<li class="mt-1">
     <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:"
         ) }} target="_blank" {{ end }} class="flex items-center">
         {{ if .Pre }}
@@ -27,4 +27,5 @@
         </p>
     </a>
 </li>
-{{ end }}
+{{ end }}
+<li class="mb-2"></li>

layouts/partials/header/header-mobile-option-simple.html

@@ -1,10 +1,10 @@
-<li class="mt-3">
+<li class="mt-1">
     <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:"
         ) }} target="_blank" {{ end }} class="flex items-center">
         {{ if .Pre }}
-        <span {{ if and .Pre .Name}} class="mr-2" {{ end }}>
+        <div {{ if and .Pre .Name}} class="mr-2" {{ end }}>
             {{ partial "icon.html" .Pre }}
-        </span>
+        </div>
         {{ end }}
         <p class="text-bg font-bg text-gray-500 hover:text-gray-900" title="{{ .Title }}">
             {{ .Name | markdownify | emojify }}