From 98cc0b9dfc8acaf1e1cfbd06f8f8459afc9d52a0 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Sat, 3 May 2025 11:00:21 +0200
Subject: [PATCH] Wrap catchall settings item on mobile

---
 dashboard/src/components/CatchAllSettingsItem.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/CatchAllSettingsItem.vue b/dashboard/src/components/CatchAllSettingsItem.vue
index 9d2438b75..98f7edc79 100644
--- a/dashboard/src/components/CatchAllSettingsItem.vue
+++ b/dashboard/src/components/CatchAllSettingsItem.vue
@@ -68,7 +68,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <SettingsItem>
+  <SettingsItem wrap>
     <FormGroup>
       <label>{{ $t('email.incoming.catchall.title') }}</label>
       <div v-html="$t('email.incoming.catchall.description')"></div>
@@ -76,7 +76,7 @@ onMounted(async () => {
     <div style="display: flex; gap: 6px; align-items: center;">
       <InputGroup>
         <MultiSelect v-model="addresses" :options="allAddresses" option-label="label" option-key="id" />
-        <Button @click="onSubmit()" :disabled="busy || !hasChanged" :loading="busy">{{ $t('email.incoming.catchall.saveAction') }}</Button>
+        <Button @click="onSubmit()" tool :disabled="busy || !hasChanged" :loading="busy">{{ $t('email.incoming.catchall.saveAction') }}</Button>
       </InputGroup>
     </div>
   </SettingsItem>