From 31bbf046fa39e5d4869143455d5133825e29a3a3 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 6 Nov 2024 15:51:26 +0100
Subject: [PATCH] Update styling of mobile menu

---
 client/src/components/header/MobileMenu.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/header/MobileMenu.vue b/client/src/components/header/MobileMenu.vue
index 8c81cbe1..b4507401 100644
--- a/client/src/components/header/MobileMenu.vue
+++ b/client/src/components/header/MobileMenu.vue
@@ -171,7 +171,7 @@ const mentorTabTitle = computed(() =>
               </li>
             </ul>
           </div>
-          <button v-if="user?.loggedIn" type="button" class="mt-6 flex items-center">
+          <button v-if="user?.loggedIn" type="button" class="px-4 py-2 mt-6 flex items-center">
             <!-- todo: correct action / route -->
             <it-icon-settings class="inline-block" />
             <span class="ml-1">{{ $t("a.Einstellungen") }}</span>
@@ -179,7 +179,7 @@ const mentorTabTitle = computed(() =>
           <button
             v-if="user?.loggedIn"
             type="button"
-            class="mt-6 flex items-center"
+            class="px-4 py-2 mt-6 flex items-center"
             @click="$emit('logout')"
           >
             <it-icon-logout class="inline-block" />