From ac444442be5a52c09152ce26f67fccca176365ea Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 10 Dec 2022 10:56:45 -0800
Subject: [PATCH] Style improvements to moved

---
 locales/en-US.yml                                  |  2 +-
 packages/client/src/components/MkMoved.vue         | 13 ++++++-------
 packages/client/src/components/MkRemoteCaution.vue |  1 -
 packages/client/src/pages/user/home.vue            |  2 +-
 4 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 57e18837e..e6040cf0a 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -149,7 +149,7 @@ addAccount: "Add account"
 loginFailed: "Failed to sign in"
 showOnRemote: "View on remote instance"
 general: "General"
-accountMoved: "User has moved to a new account."
+accountMoved: "User has moved to a new account:"
 wallpaper: "Wallpaper"
 setWallpaper: "Set wallpaper"
 removeWallpaper: "Remove wallpaper"
diff --git a/packages/client/src/components/MkMoved.vue b/packages/client/src/components/MkMoved.vue
index 6251d93a8..7789af001 100644
--- a/packages/client/src/components/MkMoved.vue
+++ b/packages/client/src/components/MkMoved.vue
@@ -1,8 +1,8 @@
 <template>
-<div class="_block msjugskdqo">
+<div class="msjugskd _block">
 	<i class="ph-airplane-takeoff-bold ph-lg" style="margin-right: 8px;"/>
 	{{ i18n.ts.accountMoved }}
-	<MkMention :class="$style.link" class="link" :username="acct" :host="host"/>
+	<MkMention class="link" :username="acct" :host="host"/>
 </div>
 </template>
 
@@ -16,12 +16,11 @@ defineProps<{
 }>();
 </script>
 
-<style lang="scss" module>
-.msjugskdqo {
-	font-size: 0.8em;
+<style lang="scss" scoped>
+.msjugskd {
 	padding: 16px;
-	background: var(--infoBg);
-	color: var(--infoFg);
+	background: var(--infoWarnBg);
+	color: var(--error);
 
 	> .link {
 		margin-left: 4px;
diff --git a/packages/client/src/components/MkRemoteCaution.vue b/packages/client/src/components/MkRemoteCaution.vue
index eeb097dec..4c141b7d4 100644
--- a/packages/client/src/components/MkRemoteCaution.vue
+++ b/packages/client/src/components/MkRemoteCaution.vue
@@ -12,7 +12,6 @@ defineProps<{
 
 <style lang="scss" scoped>
 .jmgmzlwq {
-	font-size: 0.8em;
 	padding: 16px;
 	background: var(--infoWarnBg);
 	color: var(--infoWarnFg);
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 8877bce72..65ccdb88b 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -7,8 +7,8 @@
 			<!-- <div class="punished" v-if="user.isSilenced"><i class="ph-warning-bold ph-lg" style="margin-right: 8px;"></i> {{ i18n.ts.userSilenced }}</div> -->
 
 			<div class="profile">
-				<MkRemoteCaution v-if="user.host != null" :href="user.url" class="warn"/>
 				<MkMoved v-if="user.movedToUri" :host="user.movedToUri.host" :acct="user.movedToUri.username" />
+				<MkRemoteCaution v-if="user.host != null" :href="user.url" class="warn"/>
 
 				<div :key="user.id" class="_block main">
 					<div class="banner-container" :style="style">