style: swap name and date in gottesdienst card header

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;