fix: unify height of header menu items (#198)

layouts/partials/menu-extra.html

@@ -40,10 +40,14 @@
             {{- end }}"
             class="gblog-nav__entry{{ if $isCurrent }}{{ printf " %s" "is-active" }}{{ end }}"
           >
-            {{ if $icon }}
-              <svg class="icon {{ .icon }}"><use xlink:href="#{{ .icon }}"></use></svg>
-            {{ end }}
-            {{ .name }}
+            <span class="flex align-center">
+              {{ if $icon }}
+                <svg class="icon {{ .icon }}"><use xlink:href="#{{ .icon }}"></use></svg>
+              {{ end }}
+              <span>
+                {{ .name }}
+              </span>
+            </span>
           </a>
         </li>
       {{ end }}

layouts/partials/site-header.html

@@ -50,7 +50,9 @@
         {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
           <li>
             <a
-              class="gblog-nav__entry {{ if eq $currentPage .RelPermalink }}is-active{{ end }}"
+              class="gblog-nav__entry{{ if eq $currentPage .RelPermalink }}
+                {{ printf " %s" "is-active" }}
+              {{ end }}"
               href="{{ .RelPermalink }}"
             >
               {{ partial "utils/title" . }}

src/sass/_base.scss

@@ -240,6 +240,7 @@ img {
   }
 
   &__entry {
+    line-height: 1.3em;
     color: $gray-100;
     text-decoration: none;
     padding: $padding-4 $padding-8;