From dd9f947453c11c19641681ccd61ab3a37f45198c Mon Sep 17 00:00:00 2001
From: penginn-net <121443048+penginn-net@users.noreply.github.com>
Date: Wed, 27 Nov 2024 11:57:15 +0900
Subject: [PATCH 1/2] fix

---
 packages/frontend/src/pages/admin/settings.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/frontend/src/pages/admin/settings.vue b/packages/frontend/src/pages/admin/settings.vue
index 44bf317003..5a0f38b390 100644
--- a/packages/frontend/src/pages/admin/settings.vue
+++ b/packages/frontend/src/pages/admin/settings.vue
@@ -253,9 +253,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkFolder>
 					<template #icon><i class="ti ti-exclamation-circle"></i></template>
 					<template #label>{{ i18n.ts.abuseReports }}</template>
+					<template v-if="emailToReceiveAbuseReportForm.modified.value" #footer>
+						<MkFormFooter :form="emailToReceiveAbuseReportForm"/>
+					</template>
 
 					<div class="_gaps_m">
 						<MkInput v-model="emailToReceiveAbuseReportForm.state.emailToReceiveAbuseReport" type="email">
+							<span v-if="emailToReceiveAbuseReportForm.modifiedStates.emailToReceiveAbuseReport" class="_modified">{{ i18n.ts.modified }}</span>
 							<template #prefix><i class="ti ti-mail"></i></template>
 							<template #label>{{ i18n.ts.emailToReceiveAbuseReport }}</template>
 							<template #caption>{{ i18n.ts.emailToReceiveAbuseReportCaption }}</template>

From 180c7f9b8dd4a749268002325c58e618953eb02e Mon Sep 17 00:00:00 2001
From: penginn-net <121443048+penginn-net@users.noreply.github.com>
Date: Wed, 27 Nov 2024 12:15:57 +0900
Subject: [PATCH 2/2] fix span

---
 packages/frontend/src/pages/admin/settings.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/admin/settings.vue b/packages/frontend/src/pages/admin/settings.vue
index 5a0f38b390..154a0be47c 100644
--- a/packages/frontend/src/pages/admin/settings.vue
+++ b/packages/frontend/src/pages/admin/settings.vue
@@ -259,9 +259,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 					<div class="_gaps_m">
 						<MkInput v-model="emailToReceiveAbuseReportForm.state.emailToReceiveAbuseReport" type="email">
-							<span v-if="emailToReceiveAbuseReportForm.modifiedStates.emailToReceiveAbuseReport" class="_modified">{{ i18n.ts.modified }}</span>
 							<template #prefix><i class="ti ti-mail"></i></template>
-							<template #label>{{ i18n.ts.emailToReceiveAbuseReport }}</template>
+							<template #label>{{ i18n.ts.emailToReceiveAbuseReport }} <span v-if="emailToReceiveAbuseReportForm.modifiedStates.emailToReceiveAbuseReport" class="_modified">{{ i18n.ts.modified }}</span></template>
 							<template #caption>{{ i18n.ts.emailToReceiveAbuseReportCaption }}</template>
 						</MkInput>
 					</div>