lang

3 files changed, 13 insertions, 8 deletions

diff --git a/common/navigation/index.j2.inc b/common/navigation/index.j2.inc
index e1298ae..128da12 100644
--- a/common/navigation/index.j2.inc
+++ b/common/navigation/index.j2.inc
@@ -22,15 +22,15 @@
           alt="Taler Operations SA"
           style="width: 136px; height: 60.9px"
       /></a>
-      <div class="nav hidden lg:contents">
+      <div class="nav hidden md:contents">
         {% include "common/navigation/items.j2.inc" %}
       </div>
     </div>
     <div class="right flex flex-row max-w-full">
-      <div class="nav contents lg:hidden">
+      <div class="nav contents md:hidden">
         {% include "common/navigation/items.j2.inc" %}
       </div>
-      <div class="hidden lg:contents">
+      <div class="hidden md:contents">
         {% include 'common/navigation/lang-select.j2.inc' %}
       </div>
     </div>
diff --git a/common/navigation/items.j2.inc b/common/navigation/items.j2.inc
index b1a2648..ee2b2b3 100644
--- a/common/navigation/items.j2.inc
+++ b/common/navigation/items.j2.inc
@@ -26,7 +26,7 @@
     href="https://exchange.taler-ops.ch/terms"
     >{% trans %}Terms of Service{% endtrans %}</a
   >
-  <div class="contents lg:hidden">
+  <div class="contents md:hidden">
     {% include 'common/navigation/lang-select.j2.inc' %}
   </div>
 </nav>
diff --git a/common/navigation/lang-select.j2.inc b/common/navigation/lang-select.j2.inc
index 372b7ad..6800060 100644
--- a/common/navigation/lang-select.j2.inc
+++ b/common/navigation/lang-select.j2.inc
@@ -4,7 +4,9 @@
     type="button"
     aria-label="Language Switcher Trigger"
   >
-    {{ lang_full }} <span class="text-gray-400 p-1 bg-black bg-opacity-10">[{{ lang }}]</span>
+    {{ lang_full }}&nbsp;<span class="text-gray-400 p-1 bg-black bg-opacity-10"
+      >[{{ lang }}]</span
+    >
   </button>
   <ul
     class="dropdown-menu hidden flex-col absolute w-max items-center justify-center left-[50%] -translate-x-1/2 p-4 bg-black bg-opacity-10 rounded-lg mt-2 backdrop-blur-md"
@@ -15,7 +17,8 @@
       <a
         class="no-underline hover:underline text-black text-opacity-50 hover:text-opacity-40 transition-all block h-max"
         href="{{ self_localized('en') }}"
-        >English <span class="text-gray-500 p-1 bg-black bg-opacity-10">[en]</span></a
+        >English
+        <span class="text-gray-500 p-1 bg-black bg-opacity-10">[en]</span></a
       >
     </li>
     {% endif %} {% if lang != 'de' %}
@@ -23,7 +26,8 @@
       <a
         class="no-underline hover:underline text-black text-opacity-50 hover:text-opacity-40 transition-all block h-max"
         href="{{ self_localized('de') }}"
-        >Deutsch <span class="text-gray-500 p-1 bg-black bg-opacity-10">[de]</span></a
+        >Deutsch
+        <span class="text-gray-500 p-1 bg-black bg-opacity-10">[de]</span></a
       >
     </li>
     {% endif %} {% if lang != 'fr' %}
@@ -31,7 +35,8 @@
       <a
         class="no-underline hover:underline text-black text-opacity-50 hover:text-opacity-40 transition-all block h-max"
         href="{{ self_localized('fr') }}"
-        >Fran&ccedil;ais <span class="text-gray-500 p-1 bg-black bg-opacity-10">[fr]</span></a
+        >Fran&ccedil;ais
+        <span class="text-gray-500 p-1 bg-black bg-opacity-10">[fr]</span></a
       >
     </li>
     {% endif %}