From ba4b56360debc932d98a7567f7977304ca4bed1b Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Tue, 16 Sep 2025 00:14:30 +0200
Subject: [PATCH] =?UTF-8?q?Optimiert=20die=20Darstellung=20von=20vordefini?=
 =?UTF-8?q?erten=20Aktivit=C3=A4ten=20in=20DiaryView.vue,=20indem=20die=20?=
 =?UTF-8?q?Logik=20zur=20Anzeige=20von=20Aktivit=C3=A4tsnamen=20und=20-cod?=
 =?UTF-8?q?es=20verbessert=20wird.=20Aktualisiert=20das=20Styling=20der=20?=
 =?UTF-8?q?Bildsymbole=20und=20passt=20die=20Positionierung=20der=20Bilder?=
 =?UTF-8?q?=20an,=20um=20eine=20bessere=20Benutzererfahrung=20zu=20gew?=
 =?UTF-8?q?=C3=A4hrleisten.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/DiaryView.vue | 36 +++++++++++++++++---------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index 5736e0e..f41b2c1 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -126,13 +126,13 @@
                                             </span>
                                             <span v-else @click="startActivityEdit(item)" class="clickable activity-label"
                                                  :title="item.predefinedActivity && item.predefinedActivity.name ? item.predefinedActivity.name : ''">
-                                                {{ (item.predefinedActivity && item.predefinedActivity.code && item.predefinedActivity.code.trim() !== '')
-                                                    ? item.predefinedActivity.code
-                                                    : (item.predefinedActivity ? item.predefinedActivity.name : item.activity) }}
                                                 <span v-if="item.predefinedActivity && item.predefinedActivity.imageLink" 
                                                       @click.stop="showActivityImage(item.predefinedActivity.imageLink)"
                                                       class="image-icon" 
                                                       title="Bild anzeigen">🖼️</span>
+                                                {{ (item.predefinedActivity && item.predefinedActivity.code && item.predefinedActivity.code.trim() !== '')
+                                                    ? item.predefinedActivity.code
+                                                    : (item.predefinedActivity ? item.predefinedActivity.name : item.activity) }}
                                             </span>
                                         </td>
                                         <td>{{ item.groupActivity ? item.groupActivity.name : '' }}</td>
@@ -161,13 +161,13 @@
                                             <td></td>
                                             <td>
                                                 <span class="activity-label" :title="(groupItem.groupPredefinedActivity && groupItem.groupPredefinedActivity.name) ? groupItem.groupPredefinedActivity.name : ''">
-                                                    {{ (groupItem.groupPredefinedActivity && groupItem.groupPredefinedActivity.code && groupItem.groupPredefinedActivity.code.trim() !== '')
-                                                        ? groupItem.groupPredefinedActivity.code
-                                                        : groupItem.groupPredefinedActivity.name }}
                                                     <span v-if="groupItem.groupPredefinedActivity && groupItem.groupPredefinedActivity.imageLink" 
                                                           @click.stop="showActivityImage(groupItem.groupPredefinedActivity.imageLink)"
                                                           class="image-icon" 
                                                           title="Bild anzeigen">🖼️</span>
+                                                    {{ (groupItem.groupPredefinedActivity && groupItem.groupPredefinedActivity.code && groupItem.groupPredefinedActivity.code.trim() !== '')
+                                                        ? groupItem.groupPredefinedActivity.code
+                                                        : groupItem.groupPredefinedActivity.name }}
                                                 </span>
                                             </td>
                                             <td>{{ groupItem.groupsGroupActivity.name }}</td>
@@ -1756,19 +1756,21 @@ img {
 
 .memberImage {
     position: fixed;
-    max-width: 500px;
-    max-height: 500px;
-    top: calc(50% - 250px);
-    left: calc(50% - 250px);
-    border: 2px solid #555;
-    box-shadow: 4px 4px 3px #aaa;
-    overflow: hidden;
-    padding: 3px;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
 }
 
 .memberImage>img {
-    max-width: 100%;
-    max-height: 100%;
+    max-width: 90%;
+    max-height: 90%;
+    object-fit: contain;
 }
 
 .groups {
@@ -1840,7 +1842,7 @@ img {
 }
 
 .image-icon {
-    margin-left: 8px;
+    margin-right: 8px;
     cursor: pointer;
     font-size: 16px;
     opacity: 0.7;