taler-merchant-demos

commit 158932b1cb7772782cb1211a2143dcb39b3dfe0b
parent 49a1fb740aecc5bb910547b4dc5167af61ca0b8e
Author: MS <ms@taler.net>
Date:   Mon,  3 May 2021 23:24:33 +0200

fix language buttons

Diffstat:
M
talermerchantdemos/static/demo.css
 | 
6
+++++-
M
talermerchantdemos/templates/common-base.html.j2
 | 
4
++--

2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/talermerchantdemos/static/demo.css b/talermerchantdemos/static/demo.css
@@ -74,12 +74,16 @@ nav {
   z-index: 10000;
 }
 
+.langbtn {
+  width: 100%;
+  text-align: left;
+}
+
 nav a,
 nav span,
 .navbtn {
   border: none;
   color: white;
-  text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
diff --git a/talermerchantdemos/templates/common-base.html.j2 b/talermerchantdemos/templates/common-base.html.j2
@@ -59,11 +59,11 @@
     <div class="right">
       <span>{{ all_languages[getlang()] | default("en") }}</span>
       <div style="position: relative; overflow: visible;">
-      <div class="nav" style="position: absolute; background: #1e2739; max-height: 60vh; overflow-y: scroll">
+      <div class="nav" style="position: absolute; background: #0042b2; max-height: 60vh; overflow-y: scroll">
         <br>
         {% for lang_code, lang_display in all_languages.items() %}
           {% if lang_code != getlang() %}
-          <a href="/{{ lang_code }}/" class="navbtn">{{ lang_display }}</a>
+          <a href="/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a>
           <br>
           {% endif %}
         {% endfor %}