From 3ea6154a9e75011c194820456b66fa00f12a55b7 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Tue, 20 Aug 2024 13:20:38 +0300
Subject: Style and a11y improvements

---
 templates/poll.html.j2            |  4 ++--
 templates/poll_vote_list.html.j2  |  9 ++++++---
 templates/poll_vote_table.html.j2 | 11 ++++++++---
 3 files changed, 16 insertions(+), 8 deletions(-)

(limited to 'templates')

diff --git a/templates/poll.html.j2 b/templates/poll.html.j2
index 1661b79..b3975cf 100644
--- a/templates/poll.html.j2
+++ b/templates/poll.html.j2
@@ -15,8 +15,8 @@
   <form action="/options/toggle_display_mode" method="post">
     <input type="hidden" name="poll_id" value="{{ poll.id }}">
     <label>
-      Display mode: <strong>{{ display_mode }}</strong>
-      <input type="submit" value="Toggle">
+      Display mode:
+      <input type="submit" value="{{ display_mode }}">
     </label>
   </form>
 </div>
diff --git a/templates/poll_vote_list.html.j2 b/templates/poll_vote_list.html.j2
index 54e7d9f..3b6d223 100644
--- a/templates/poll_vote_list.html.j2
+++ b/templates/poll_vote_list.html.j2
@@ -43,10 +43,13 @@
 {% endif %}
 <div>
   {% for voter_name in managed_voter_names %}
-  <form action="/poll/{{ poll.id }}/delete_voter" method="post">
+  <form class="delete-voter-container" action="/poll/{{ poll.id }}/delete_voter" method="post">
     <input type="hidden" name="voter_code" value="{{ managed_voter_names[voter_name] }}">
-    {{ voter_name }}
-    <input class="delete-voter-btn" type="submit" value="❌">
+    <span>{{ voter_name }}</span>
+    <input aria-label="Delete voter {{ voter_name }}"
+           class="delete-voter-btn"
+           type="submit"
+           value="❌">
   </form>
   {% endfor %}
 </div>
\ No newline at end of file
diff --git a/templates/poll_vote_table.html.j2 b/templates/poll_vote_table.html.j2
index 7083cb2..70d5b8d 100644
--- a/templates/poll_vote_table.html.j2
+++ b/templates/poll_vote_table.html.j2
@@ -19,10 +19,15 @@
     <tr>
       <td>
         {% if voter_name in managed_voter_names %}
-        <form action="/poll/{{ poll.id }}/delete_voter" method="post">
+        <form class="delete-voter-container"
+              action="/poll/{{ poll.id }}/delete_voter"
+              method="post">
           <input type="hidden" name="voter_code" value="{{ managed_voter_names[voter_name] }}">
-          {{ voter_name }}
-          <input class="delete-voter-btn" type="submit" value="❌">
+          <span>{{ voter_name }}</span>
+          <input aria-label="Delete voter {{ voter_name }}"
+                 class="delete-voter-btn"
+                 type="submit"
+                 value="❌">
         </form>
         {% else %}
         {{ voter_name }}
-- 
cgit v1.3