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/quotes.html

@@ -3,29 +3,31 @@
 {% block content %}
 <div class="head">
   <div><div class="kicker">Verkoop</div><h1>Offertes</h1></div>
-  <form method="post" action="{{ url_for('quote_new') }}" class="inline"><button class="btn">Nieuwe offerte</button></form>
+  <div class="actions">
+    <form method="post" action="{{ url_for('quote_new') }}" class="inline"><button class="btn btn-primary">Nieuwe offerte</button></form>
+  </div>
 </div>
 <div class="filters">
   <a href="{{ url_for('quotes') }}" class="{{ 'on' if not status }}">Alle</a>
   {% for k, l in QUOTE_STATUSES %}<a href="{{ url_for('quotes', status=k) }}" class="{{ 'on' if status == k }}">{{ l }}</a>{% endfor %}
 </div>
-<div class="card">
+<div class="card"><div class="card-body">
   {% if rows %}
-  <div class="table-wrap"><table>
+  <div class="table-responsive"><table class="table table-hover table-stack">
     <thead><tr><th>Nummer</th><th>Klant</th><th>Onderwerp</th><th>Datum</th><th>Status</th><th class="num">Totaal incl.</th></tr></thead>
     <tbody>
     {% for qt in rows %}
       <tr class="link" onclick="location='{{ url_for('quote_edit', qid=qt.id) }}'">
-        <td><a href="{{ url_for('quote_edit', qid=qt.id) }}">{{ qt.number }}</a></td>
-        <td>{{ qt.contact_name or '—' }}</td>
-        <td>{{ qt.title }}</td>
-        <td>{{ qt.date|dt('%d-%m-%Y') }}</td>
-        <td><span class="chip {{ qt.status }}">{{ QSTATUS.get(qt.status, qt.status) }}</span></td>
-        <td class="num">{{ qt.total|euro }}</td>
+        <td class="stack-title"><a href="{{ url_for('quote_edit', qid=qt.id) }}">{{ qt.number }}</a></td>
+        <td data-label="Klant">{{ qt.contact_name or '—' }}</td>
+        <td data-label="Onderwerp">{{ qt.title }}</td>
+        <td data-label="Datum">{{ qt.date|dt('%d-%m-%Y') }}</td>
+        <td data-label="Status"><span class="chip {{ qt.status }}">{{ QSTATUS.get(qt.status, qt.status) }}</span></td>
+        <td data-label="Totaal incl." class="num">{{ qt.total|euro }}</td>
       </tr>
     {% endfor %}
     </tbody>
   </table></div>
   {% else %}<p class="empty">Nog geen offertes.</p>{% endif %}
-</div>
+</div></div>
 {% endblock %}