fix view

app/views/entries/index.html.erb

@@ -31,23 +31,20 @@
         filter: brightness(0.98);
     }
 
-    /* Dieselben Typfarben auch in der Einträge-Tabelle */
+    /* Ruhige, einheitliche Typfarben in der Einträge-Tabelle */
     #entriesTable tbody tr.type-propaedeutikum {
-        --bs-table-bg: rgba(13, 110, 253, 0.06);
-        --bs-table-striped-bg: rgba(13, 110, 253, 0.10);
-        --bs-table-hover-bg: rgba(13, 110, 253, 0.14);
+        --bs-table-bg: rgba(13, 110, 253, 0.055);
+        --bs-table-hover-bg: rgba(13, 110, 253, 0.11);
     }
 
     #entriesTable tbody tr.type-fachspezifikum {
-        --bs-table-bg: rgba(25, 135, 84, 0.06);
-        --bs-table-striped-bg: rgba(25, 135, 84, 0.10);
-        --bs-table-hover-bg: rgba(25, 135, 84, 0.14);
+        --bs-table-bg: rgba(25, 135, 84, 0.055);
+        --bs-table-hover-bg: rgba(25, 135, 84, 0.11);
     }
 
     #entriesTable tbody tr.type-mediation {
-        --bs-table-bg: rgba(253, 126, 20, 0.07);
-        --bs-table-striped-bg: rgba(253, 126, 20, 0.11);
-        --bs-table-hover-bg: rgba(253, 126, 20, 0.15);
+        --bs-table-bg: rgba(253, 126, 20, 0.065);
+        --bs-table-hover-bg: rgba(253, 126, 20, 0.12);
     }
 
     #entriesTable tbody tr.type-propaedeutikum > td:first-child {
@@ -62,6 +59,39 @@
         border-left: 4px solid #fd7e14;
     }
 
+    #entriesTable tbody td {
+        vertical-align: middle;
+    }
+
+    #entriesTable .entry-type-badge {
+        display: inline-block;
+        padding: 0.2rem 0.5rem;
+        border-radius: 999px;
+        font-size: 0.85em;
+        font-weight: 600;
+        line-height: 1.2;
+        white-space: nowrap;
+        border: 1px solid transparent;
+    }
+
+    #entriesTable .entry-type-badge.type-propaedeutikum {
+        background: rgba(13, 110, 253, 0.10);
+        border-color: rgba(13, 110, 253, 0.25);
+        color: #084298;
+    }
+
+    #entriesTable .entry-type-badge.type-fachspezifikum {
+        background: rgba(25, 135, 84, 0.10);
+        border-color: rgba(25, 135, 84, 0.25);
+        color: #0f5132;
+    }
+
+    #entriesTable .entry-type-badge.type-mediation {
+        background: rgba(253, 126, 20, 0.12);
+        border-color: rgba(253, 126, 20, 0.30);
+        color: #984c0c;
+    }
+
     /* Heutige Einträge bleiben zusätzlich klar erkennbar */
     #entriesTable tbody tr.entry-today {
         font-weight: 600;
@@ -458,7 +488,7 @@
   </div>
 
   <div class="table-responsive">
-    <table class="table table-striped table-hover table-bordered" id="entriesTable">
+    <table class="table table-hover table-bordered" id="entriesTable">
       <thead>
       <tr>
         <th data-sort-index="0" data-sort="date" class="sortable" data-column-key="datum">Datum</th>
@@ -518,9 +548,9 @@
           </td>
 
           <td>
-
-            <%=  entry.praktikums_typ&.capitalize%>
-
+            <span class="entry-type-badge <%= entry_type_class %>">
+              <%= entry.praktikums_typ&.capitalize %>
+            </span>
           </td>
 
           <td>