From ccce9bffac1697d6c62962a70a742b5c7868c0fd Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 8 Oct 2025 15:00:38 +0200
Subject: [PATCH] Enhance MembersView by adding a new row style for test
 memberships. Update the member row class to include 'row-test' for better
 visual distinction of test members, improving user experience in member
 management.

---
 frontend/src/views/MembersView.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/MembersView.vue b/frontend/src/views/MembersView.vue
index aacea9c..0e442e3 100644
--- a/frontend/src/views/MembersView.vue
+++ b/frontend/src/views/MembersView.vue
@@ -70,7 +70,7 @@
                 </thead>
                 <tbody>
                     <template v-for="member in members" :key="member.id">
-                        <tr v-if="member.active || showInactiveMembers" class="member-row" :class="{ 'row-inactive': !member.active }" @click="editMember(member)">
+                        <tr v-if="member.active || showInactiveMembers" class="member-row" :class="{ 'row-inactive': !member.active, 'row-test': member.testMembership }" @click="editMember(member)">
                             <td>
                                 <img v-if="member.imageUrl" :src="member.imageUrl" alt="Mitgliedsbild"
                                     style="max-width: 50px; max-height: 50px;"
@@ -680,6 +680,7 @@ table td {
 .row-inactive { opacity: .6; }
 .is-inactive { text-decoration: line-through; }
 .inactive-badge { margin-left: .5rem; font-size: .85em; color: #666; text-transform: lowercase; }
+.row-test { background-color: #fff3cd; }
 
 .rating-cell {
     font-family: 'Courier New', monospace;