From 6b84fca5b6903150184c573c2f223ea6358ad4cf Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sun, 18 May 2025 02:12:41 +0200
Subject: [PATCH 1/2] fix(frontend): ellipsis bevestigingsdialoog logout

---
 frontend/src/components/MenuBar.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 88b757b7..29b7376d 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -149,7 +149,8 @@
             </template>
 
             <template v-slot:default="{ isActive }">
-                <v-card :title="t('logoutVerification')">
+                <v-card>
+                    <v-card-title class="logout-verification-title">{{ t('logoutVerification')  }}</v-card-title>
                     <v-card-actions>
                         <v-spacer></v-spacer>
 
@@ -298,6 +299,13 @@
         margin-left: 10px;
     }
 
+    .logout-verification-title {
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        white-space: normal;
+        text-overflow: unset;
+    }
+
     @media (max-width: 700px) {
         .menu {
             display: none;

From c9643f898a62afe75ac3778b1f6f4c61a3c7de1b Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 00:19:50 +0000
Subject: [PATCH 2/2] style: fix linting issues met Prettier

---
 frontend/src/components/MenuBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 29b7376d..7879af45 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -150,7 +150,7 @@
 
             <template v-slot:default="{ isActive }">
                 <v-card>
-                    <v-card-title class="logout-verification-title">{{ t('logoutVerification')  }}</v-card-title>
+                    <v-card-title class="logout-verification-title">{{ t("logoutVerification") }}</v-card-title>
                     <v-card-actions>
                         <v-spacer></v-spacer>