From 1a345354672279522466ba7de1a3e28bce12852a Mon Sep 17 00:00:00 2001
From: Jonas Gerg <joniogerg@gmail.com>
Date: Tue, 14 Jul 2026 22:31:49 +0200
Subject: [PATCH] style: swap name and date in gottesdienst card header

---
 public/src/components/GottesdienstCard.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/src/components/GottesdienstCard.vue b/public/src/components/GottesdienstCard.vue
index 7f0a6fd..0e8e818 100644
--- a/public/src/components/GottesdienstCard.vue
+++ b/public/src/components/GottesdienstCard.vue
@@ -159,13 +159,13 @@ function getOwnMarkHint(): string {
                 >
                     <i v-if="getOwnMarkIcon()" class="icon">{{ getOwnMarkIcon() }}</i>
                 </button>
-                <span class="name">{{ gottesdienst.name !== "" ? gottesdienst.name : "Gottesdienst" }}</span>
+                <span class="day">{{ formatWeekday(gottesdienst.date) }} {{ formatDay(gottesdienst.date) }}</span>
                 <button v-if="isAdmin" class="edit-godi-btn" @click="emit('editGottesdienst', gottesdienst.id)" title="Gottesdienst bearbeiten">
                     <i class="icon">edit</i>
                 </button>
             </div>
             <div class="info">
-                <span class="date">am {{ formatWeekday(gottesdienst.date) }} {{ formatDay(gottesdienst.date) }}</span>
+                <span class="name">{{ gottesdienst.name !== "" ? gottesdienst.name : "Gottesdienst" }}</span>
                 <span class="time">um {{ formatTime(gottesdienst.date) }} Uhr</span>
                 <span class="attendance">Anwesenheit: {{ formatTime(gottesdienst.attendance) }}</span>
             </div>
@@ -307,6 +307,10 @@ function getOwnMarkHint(): string {
         }
     }
 
+    .day {
+        font-weight: 700;
+    }
+
     .info {
         display: flex;
         flex-wrap: wrap;