From 1783e8160aef994936bb185bed7d4a44d60d01d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Loipf=C3=BChrer?= <michael.loipfuehrer@stusta.de>
Date: Wed, 11 Nov 2020 15:39:48 +0100
Subject: [PATCH] #16 make voter list in session detail scroll

---
 management/static/management/css/style.css   |  4 +++
 management/templates/management/session.html | 35 ++++++++++----------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/management/static/management/css/style.css b/management/static/management/css/style.css
index 0b6efe6..98c9432 100644
--- a/management/static/management/css/style.css
+++ b/management/static/management/css/style.css
@@ -61,4 +61,8 @@ th.monospace {
     cursor: pointer;
 }
 
+.voter-table {
+    max-height: 400px;
+    overflow-y: auto;
+}
 
diff --git a/management/templates/management/session.html b/management/templates/management/session.html
index 7ac6af7..a069a90 100644
--- a/management/templates/management/session.html
+++ b/management/templates/management/session.html
@@ -60,29 +60,30 @@
                href="{% url 'management:add_voters' pk=session.id %}">Add Voters</a>
           </h4>
           <br>
-          <table class="table">
-            <thead>
-            <tr>
-              <th scope="row">E-Mail</th>
-              <th scope="row"></th>
-            </tr>
-            </thead>
-            <tbody>
-            {% for voter in voters %}
-              <tr>
-                <td class="{% if voter.logged_in %}text-success{% endif %}"> {{ voter }}</td>
-                <td class="text-right">
+
+          <div class="list-group list-group-flush">
+            <div class="list-group-item">
+              <span class="w-25 font-weight-bold">E-Mail</span>
+            </div>
+            <div class="voter-table">
+              {% for voter in voters %}
+                <div class="list-group-item">
+                  <span class="w-25 {% if voter.logged_in %}text-success{% endif %}"> {{ voter }}</span>
+                  <span class="float-right">
                   <form action="{% url 'management:delete_voter' voter.pk %}" method="post">
                     {% csrf_token %}
                     <button type="submit" class="close btn btn-danger" aria-label="remove voter">
                       &times;
                     </button>
                   </form>
-                </td>
-              </tr>
-            {% endfor %}
-            </tbody>
-          </table>
+                </span>
+                </div>
+              {% endfor %}
+            </div>
+          </div>
+
+          <br>
+
           <a class="btn btn-dark d-inline float-left ml-2"
              href="{% url 'management:print_token' session.pk %}">Download Tokens</a>
         </div>
-- 
GitLab