From 5dcecb55c29850e476007381276cac2e58a5f4cd Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 2 Jul 2025 16:36:57 +0200
Subject: [PATCH] Move SPF info to the relay provider input

---
 dashboard/src/components/MailRelaySettingsItem.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/MailRelaySettingsItem.vue b/dashboard/src/components/MailRelaySettingsItem.vue
index 8d6c0203d..9bd9198b1 100644
--- a/dashboard/src/components/MailRelaySettingsItem.vue
+++ b/dashboard/src/components/MailRelaySettingsItem.vue
@@ -157,6 +157,9 @@ async function onSubmit() {
       <div>
         <SingleSelect v-model="provider" :options="providers" option-key="provider" option-label="name" @select="onProviderChange()" style="display: flex;"/>
 
+        <!-- set max-width here until Dialog supports that -->
+        <div v-if="providerSpfDoc" class="text-warning" style="margin: 10px 0; max-width: 600px" v-html="$t('email.outbound.mailRelay.spfDocInfo', { name: provider, spfDocsLink: providerSpfDoc })"></div>
+
         <div class="text-danger" style="margin: 10px 0;" v-if="provider === 'noop'">{{ $t(domain === adminDomain ? 'email.outbound.noopAdminDomainWarning' : 'email.outbound.noopNonAdminDomainWarning') }}</div>
 
         <div class="text-danger" v-if="formError">{{ formError }}</div>
@@ -196,8 +199,6 @@ async function onSubmit() {
           </fieldset>
         </form>
 
-        <!-- set max-width here until Dialog supports that -->
-        <div v-if="providerSpfDoc" class="text-danger" style="margin: 10px 0; max-width: 600px" v-html="$t('email.outbound.mailRelay.spfDocInfo', { name: provider, spfDocsLink: providerSpfDoc })"></div>
       </div>
     </Dialog>