From 76d6d79aa31719514a03f76e0d51be3456e563c2 Mon Sep 17 00:00:00 2001
From: okpierre <1679025+okpierre@users.noreply.github.com>
Date: Thu, 28 Oct 2021 00:40:41 -0400
Subject: [PATCH] Update forgot-password.vue

---
 src/client/components/forgot-password.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/client/components/forgot-password.vue b/src/client/components/forgot-password.vue
index cb2380f483a7..e522c53d279f 100644
--- a/src/client/components/forgot-password.vue
+++ b/src/client/components/forgot-password.vue
@@ -25,8 +25,8 @@
 			<MkA to="/about" class="_link">{{ $ts._forgotPassword.ifNoEmail }}</MkA>
 		</div>
 	</form>
-	<div v-else>
-		{{ $ts._forgotPassword.contactAdmin }}
+	<div class="_section" v-else>
+		<div class="_content">{{ $ts._forgotPassword.contactAdmin }}</div>
 	</div>
 </XModalWindow>
 </template>
@@ -69,3 +69,17 @@ export default defineComponent({
 	}
 });
 </script>
+
+<style lang="scss" scoped>
+._section {
+		--root-margin: 24px;
+
+		@media (max-width: 500px) {
+				--root-margin: 16px;
+		}
+
+		> ._content {
+				padding: var(--root-margin);
+		}
+}
+</style>