Auto-Refresh and wrapping for admin view; visual enhancements

app/static/css/style.css

@@ -33,6 +33,25 @@ table td {
     text-overflow: ellipsis;
 }
 
+tbody tr:first-child {
+    background-color: #007bff80;
+    font-weight: 600;
+}
+
+tbody tr:nth-child(2) {
+    background-color: #007bff40;
+    font-weight: 500;
+}
+
+tbody tr:nth-child(3) {
+    background-color: #007bff20;
+    font-weight: 400;
+}
+
+tbody tr:nth-child(4) {
+    background-color: #007bff10;
+}
+
 table td:first-child {
     max-width: 200px !important;
 }

app/templates/main_admin.html

@@ -3,6 +3,12 @@
 {% extends 'base.html' %}
 {% block title %}Warteliste-Admin{% endblock %}
 {% block content %}
+<style>
+table td:nth-child(2) {
+    max-width: 450px !important;
+    overflow: scroll;
+}
+</style>
 <div class="container">
     <div id="toolbar">
         <button type="button" class="topbutton btn btn-danger" onclick="confirmDeleteSelectedEntries()"><i
@@ -24,7 +30,10 @@
             data-pagination="true"
             data-show-extended-pagination="true"
             data-classes="table table-hover"
-            data-url="/api/queue">
+            data-url="/api/queue"
+            data-show-refresh="true"
+            data-auto-refresh="true"
+            data-auto-refresh-interval="10">
         <thead>
             <tr>
                 <th data-field="state" data-checkbox="true"></th>