From a9fd8a5715f828c9d70cc836fd07eef9b7c88db9 Mon Sep 17 00:00:00 2001
From: dragongoose <19649813+dragongoose@users.noreply.github.com>
Date: Mon, 10 Jul 2023 22:52:29 -0400
Subject: [PATCH] Fix text not being in center in languages other than english
 #4

---
 src/views/UserView.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/UserView.vue b/src/views/UserView.vue
index 97909df..fe2e5ed 100644
--- a/src/views/UserView.vue
+++ b/src/views/UserView.vue
@@ -89,9 +89,10 @@ export default {
               class="rounded-full border-4 p-0.5 w-auto h-20"
               :style="`border-color: ${data.colorHex};`"
             />
-            <span
+
+              <span
               v-if="data.isLive"
-              class="absolute top-16 right-[1.2rem] bg-ctp-red font-bold text-sm p-1.5 py-0.5 rounded-md"
+              class="absolute flex left-1/2 translate-x-[-50%] whitespace-nowrap uppercase top-16 bg-ctp-red font-bold text-sm p-1.5 py-0.5 rounded-md"
               >{{ $t("main.live") }}</span
             >
           </div>