templates/steering.html.tera

@@ -2,21 +2,20 @@
 {% extends "base" %}
 {% block content %}
     <div class="max-w-screen-lg w-full">
-        <h1 class="h1">Steuerberechtigte (Steuerprüfung oder Ausnahmegenehmigung)</h1>
+        <h1 class="h1">Steuerberechtigungen</h1>
-        <div class="border-r border-l border-gray-200 dark:border-primary-600">
+
-            <div class="border-t border-gray-200 dark:border-primary-600 bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1">
+        <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5">
-                <ul>
+            <h2 class="h2">Bootskundige</h2>
-                    {% for cox in coxes | sort(attribute='name') %}<li>{{ cox.name }}</li>{% endfor %}
+            <ul class="list-none ms-2 divide-y divide-gray-200 dark:divide-primary-600">
-                </ul>
+                {% for cox in bootskundige | sort(attribute='name') %}<li class="py-1">{{ cox.name }}</li>{% endfor %}
-            </div>
+            </ul>
         </div>
-        <h1 class="h1">Bootskundige</h1>
+
-        <div class="border-r border-l border-gray-200 dark:border-primary-600">
+        <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5">
-            <div class="border-t border-gray-200 dark:border-primary-600 bg-white dark:bg-primary-900 text-black dark:text-white flex justify-between items-center px-3 py-1">
+            <h2 class="h2">Steuerberechtigte oder Personen mit Ausnahmegenehmigung</h2>
-                <ul>
+            <ul class="list-none ms-2 divide-y divide-gray-200 dark:divide-primary-600">
-                    {% for cox in bootskundige | sort(attribute='name') %}<li>{{ cox.name }}</li>{% endfor %}
+                {% for cox in coxes | sort(attribute='name') %}<li class="py-1">{{ cox.name }}</li>{% endfor %}
-                </ul>
+            </ul>
-            </div>
         </div>
     </div>
 {% endblock content %}