🐛 Add additional markup to multilingual links

Fixes #298

CHANGELOG.md

@@ -30,6 +30,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Appearance switcher title doesn't update when switching appearance ([#235](https://github.com/jpanther/congo/issues/235))
 - Article updated date logic doesn't consider formatted date values ([#259](https://github.com/jpanther/congo/issues/259))
 - Error calling Paginate when attempting to generate a site with no taxonomies ([#289](https://github.com/jpanther/congo/issues/289))
+- Multilingual links are spaced incorrectly when using Hugo minify ([#298](https://github.com/jpanther/congo/issues/298))
 - Pagination links overflow the page area on large datasets ([#299](https://github.com/jpanther/congo/issues/299))
 - Embedded content disappears when displayed at certain viewport sizes ([#302](https://github.com/jpanther/congo/issues/302))
 - Order of articles on list pages would not follow Hugo conventions when grouped by year ([#313](https://github.com/jpanther/congo/issues/313))

layouts/partials/header/basic.html

@@ -1,7 +1,7 @@
 <header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
   <nav class="flex justify-between">
     {{/* Site logo/title */}}
-    <div>
+    <div class="flex flex-row">
       {{ partial "logo.html" . }}
       {{ partial "translations.html" . }}
     </div>

layouts/partials/header/hamburger.html

@@ -1,7 +1,7 @@
 <header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10">
   <nav class="flex justify-between">
     {{/* Site logo/title */}}
-    <div class="z-40">
+    <div class="z-40 flex flex-row">
       {{ partial "logo.html" . }}
       {{ partial "translations.html" . }}
     </div>

layouts/partials/translations.html

@@ -1,7 +1,13 @@
 {{ if .IsTranslated }}
-  <div class="inline">
+  <ul class="flex flex-row list-none">
     {{ range .AllTranslations }}
-      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
+      <li class="ml-2">
+        <a
+          href="{{ .RelPermalink }}"
+          class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
+          >{{ .Language.Params.displayName | emojify }}</a
+        >
+      </li>
     {{ end }}
-  </div>
+  </ul>
 {{ end }}