From 475d4abc062458d2070495d75b99f80e160f15ee Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 19 Dec 2024 01:13:58 +0100
Subject: [PATCH 1/2] hide invite button on mobile if disabled

The invite button was displayed even when the functionality was
dsiabled. This was caused by a missing check for the corresponding flag.
---
 webapp/components/HeaderMenu/HeaderMenu.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/webapp/components/HeaderMenu/HeaderMenu.vue b/webapp/components/HeaderMenu/HeaderMenu.vue
index a93aeca97..420cd78f6 100644
--- a/webapp/components/HeaderMenu/HeaderMenu.vue
+++ b/webapp/components/HeaderMenu/HeaderMenu.vue
@@ -185,9 +185,11 @@
             :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             style="text-align: center"
           >
-            <client-only>
-              <invite-button placement="top" />
-            </client-only>
+            <div v-if="inviteRegistration">
+              <client-only>
+                <invite-button placement="top" />
+              </client-only>
+            </div>
           </ds-flex-item>
           <!-- group button -->
           <ds-flex-item

From 74989cff54eb693d5dd01b437d387638aa70d723 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sun, 5 Jan 2025 13:31:29 +0100
Subject: [PATCH 2/2] Move 'if' property from 'div' tag to 'ds-flex-item' tag

- Remove the previously added 'div' tag.
---
 webapp/components/HeaderMenu/HeaderMenu.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/webapp/components/HeaderMenu/HeaderMenu.vue b/webapp/components/HeaderMenu/HeaderMenu.vue
index 420cd78f6..c1f13581d 100644
--- a/webapp/components/HeaderMenu/HeaderMenu.vue
+++ b/webapp/components/HeaderMenu/HeaderMenu.vue
@@ -182,14 +182,13 @@
           </ds-flex-item>
           <!-- invite button mobile -->
           <ds-flex-item
+            v-if="inviteRegistration"
             :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             style="text-align: center"
           >
-            <div v-if="inviteRegistration">
-              <client-only>
-                <invite-button placement="top" />
-              </client-only>
-            </div>
+            <client-only>
+              <invite-button placement="top" />
+            </client-only>
           </ds-flex-item>
           <!-- group button -->
           <ds-flex-item