🐛 Add additional markup to multilingual links

Fixes #298

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 }}