Redesign Gitea-like

templates/dashboard.html

@@ -1,10 +1,13 @@
 {% extends "base.html" %}
 {% block title %}Meine Fahrten – PBT{% endblock %}
 {% block content %}
-  <h2>Meine Fahrten</h2>
+  <h2 style="font-size: 1.1rem; font-weight: 600;">Meine Fahrten</h2>
 
   {% if not fahrten %}
-    <p>Noch keine Fahrten erfasst. <a href="{{ url_for('neue_fahrt') }}">Jetzt die erste hinzufügen</a>.</p>
+    <div class="card" style="text-align: center;">
+      <p style="color: var(--text-muted);">Noch keine Fahrten erfasst.</p>
+      <a href="{{ url_for('neue_fahrt') }}" class="btn" style="display: inline-block; width: auto; padding: 0.6rem 1.2rem;">Erste Fahrt hinzufügen</a>
+    </div>
   {% else %}
     <table>
       <thead>
@@ -26,13 +29,13 @@
             <td>{{ f.von }} → {{ f.nach }}</td>
             <td class="stars">{{ "★" * f.bewertung }}{{ "☆" * (5 - f.bewertung) }}</td>
             <td>
-              <form method="post" action="{{ url_for('fahrt_loeschen', fahrt_id=f.id) }}" onsubmit="return confirm('Fahrt wirklich löschen?');">
-                <button type="submit" class="secondary">Löschen</button>
+              <form method="post" action="{{ url_for('fahrt_loeschen', fahrt_id=f.id) }}" onsubmit="return confirm('Fahrt wirklich löschen?');" style="margin: 0;">
+                <button type="submit" class="secondary" style="width: auto; padding: 0.35rem 0.7rem; font-size: 0.8rem;">Löschen</button>
               </form>
             </td>
           </tr>
           {% if f.kommentar %}
-            <tr><td></td><td colspan="5" style="color:#666;">{{ f.kommentar }}</td></tr>
+            <tr><td></td><td colspan="5" style="color: var(--text-muted); font-size: 0.85rem;">{{ f.kommentar }}</td></tr>
           {% endif %}
         {% endfor %}
       </tbody>