From 9963275cd5856b55f390681cf4ee2a0d59a36853 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Thu, 23 Oct 2025 23:24:10 +1100
Subject: [PATCH] Move translate bio button

---
 .../dialogs/UserDialog/UserDialog.vue          | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/dialogs/UserDialog/UserDialog.vue b/src/components/dialogs/UserDialog/UserDialog.vue
index c9d6808d..53dee8fa 100644
--- a/src/components/dialogs/UserDialog/UserDialog.vue
+++ b/src/components/dialogs/UserDialog/UserDialog.vue
@@ -241,19 +241,23 @@
                                     "
                                     >{{ userDialog.ref.bio || '-' }}</pre
                                 >
-                                <div v-if="userDialog.id === currentUser.id" style="float: right">
+                                <div style="float: right">
                                     <el-button
+                                        v-if="translationApi && userDialog.ref.bio"
+                                        type="text"
+                                        size="small"
+                                        style="margin-left: 5px; padding: 0"
+                                        @click="translateBio"
+                                        ><i class="ri-translate-2"></i
+                                    ></el-button>
+                                    <el-button
+                                        v-if="userDialog.id === currentUser.id"
                                         type="text"
                                         :icon="Edit"
                                         size="small"
-                                        style="margin-left: 5px"
+                                        style="margin-left: 5px; padding: 0"
                                         @click="showBioDialog"></el-button>
                                 </div>
-                                <div v-if="translationApi && userDialog.ref.bio" style="float: right">
-                                    <el-button type="text" size="small" style="margin-left: 5px" @click="translateBio"
-                                        ><i class="ri-translate-2"></i
-                                    ></el-button>
-                                </div>
                                 <div style="margin-top: 5px">
                                     <el-tooltip v-for="(link, index) in userDialog.ref.bioLinks" :key="index">
                                         <template #content>