taler-merchant-demos

commit bacb49b48d57a479b6b4636e298c6f371ca63e9d
parent 193e1e0e6bc4cd09c778dcbd1b91e434a728c577
Author: Sebastian <sebasjm@gmail.com>
Date:   Tue, 18 Oct 2022 23:47:36 -0300

adding labels to form inputs

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

2 files changed, 23 insertions(+), 22 deletions(-)
diff --git a/talermerchantdemos/static/demo.css b/talermerchantdemos/static/demo.css
@@ -91,6 +91,7 @@ nav {
 }
 
 nav a,
+nav button,
 nav span,
 .navbtn {
   border: none;
@@ -103,6 +104,7 @@ nav span,
 }
 
 nav a,
+nav button,
 nav span,
 .navbtn {
   padding: 15px 32px;
@@ -137,10 +139,6 @@ nav .right {
   margin-right: 5vw;
 }
 
-nav .right.hide div.nav {
+nav .hide div.nav {
   display: none;
 }
-button#id {
-	padding: 0px;
-	border: 0px;
-}
diff --git a/talermerchantdemos/templates/common-base.html.j2 b/talermerchantdemos/templates/common-base.html.j2
@@ -64,24 +64,27 @@
     </script>
 
     {# Language Selector #}
-    <button id="lang" class="right hide" onkeydown="handleLang(event)" onclick="handleLang(event)" name="language" value="{{ all_languages[getlang()] | default("en") }}">
-      <span>{{ all_languages[getlang()] | default("en") }}</span>
-      <div style="position: relative; overflow: visible;">
-      <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() %}
-        {% if script_name != None %}
-	<a href="{{ script_name }}/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a>
-        {% else %}
-	<a href="/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a>
-        {% endif %}
-          <br>
-          {% endif %}
-        {% endfor %}
-      </div>
+    <div class="right>
+      <button onkeydown="handleLang(event)" onclick="handleLang(event)" name="language" value="{{ all_languages[getlang()] | default("en") }}">
+        {{ all_languages[getlang()] | default("en") }}
       </button>
-    </div>
+      <div id="lang" class="hide">
+        <div style="position: relative; overflow: visible;">
+          <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() %}
+            {% if script_name != None %}
+      <a href="{{ script_name }}/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a>
+            {% else %}
+      <a href="/{{ lang_code }}/" class="navbtn langbtn">{{ lang_display }}</a>
+            {% endif %}
+            <br>
+            {% endif %}
+          {% endfor %}
+          </div>
+        </div>
+      </div>
 
   </nav>
   </div>