v0.0.2: pre-productie (Bootstrap 5.3.3, LightPdf klant-PDF, server-setup en release-script)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

templates/users.html

@@ -3,23 +3,23 @@
 {% block content %}
 <div class="head">
   <div><div class="kicker">Team</div><h1>Gebruikers</h1></div>
-  <a class="btn" href="{{ url_for('user_edit') }}">Nieuwe gebruiker</a>
+  <div class="actions"><a class="btn btn-primary" href="{{ url_for('user_edit') }}">Nieuwe gebruiker</a></div>
 </div>
-<div class="card">
-  <div class="table-wrap"><table>
+<div class="card"><div class="card-body">
+  <div class="table-responsive"><table class="table table-hover table-stack">
     <thead><tr><th>Naam</th><th>E-mail</th><th>Rol</th><th class="num">Contacten</th><th>Status</th></tr></thead>
     <tbody>
     {% for u in rows %}
       <tr class="link" onclick="location='{{ url_for('user_edit', uid=u.id) }}'">
-        <td><a href="{{ url_for('user_edit', uid=u.id) }}">{{ u.name }}</a></td>
-        <td>{{ u.email }}</td>
-        <td>{{ ROLE.get(u.role, u.role) }}</td>
-        <td class="num">{{ u.n }}</td>
-        <td>{% if not u.active %}<span class="chip verloren">Inactief</span>{% endif %}</td>
+        <td class="stack-title"><a href="{{ url_for('user_edit', uid=u.id) }}">{{ u.name }}</a></td>
+        <td data-label="E-mail">{{ u.email }}</td>
+        <td data-label="Rol">{{ ROLE.get(u.role, u.role) }}</td>
+        <td data-label="Contacten" class="num">{{ u.n }}</td>
+        <td data-label="Status">{% if not u.active %}<span class="chip verloren">Inactief</span>{% endif %}</td>
       </tr>
     {% endfor %}
     </tbody>
   </table></div>
-</div>
+</div></div>
 <p class="muted">Beheerders kunnen ook gebruikers en instellingen beheren. Klanten krijgen toegang via het klantportaal (op de pagina van het contact).</p>
 {% endblock %}