Translate bio cleanup

src/views/Settings/components/Tabs/AdvancedTab.vue

@@ -146,9 +146,10 @@
                 :long-label="true"
                 @change="changeTranslationAPI('VRCX_translationAPI')" />
             <div class="options-container-item">
-                <el-button size="small" :icon="CaretRight" @click="showTranslationApiDialog">{{
-                    t('view.settings.advanced.advanced.translation_api.translation_api_key')
-                }}</el-button>
+                <el-button size="small" @click="showTranslationApiDialog"
+                    ><i class="ri-translate-2" style="margin-right: 5px"></i
+                    >{{ t('view.settings.advanced.advanced.translation_api.translation_api_key') }}</el-button
+                >
             </div>
         </div>
         <div class="options-container">

src/views/Settings/dialogs/TranslationApiDialog.vue

@@ -3,11 +3,11 @@
         class="x-dialog"
         :model-value="isTranslationApiDialogVisible"
         :title="t('dialog.translation_api.header')"
-        width="400px"
+        width="450px"
         @close="closeDialog">
         <div class="options-container-item">
             <span class="name">{{ t('view.settings.appearance.appearance.bio_language') }}</span>
-            <el-dropdown trigger="click" size="small" @click.stop>
+            <el-dropdown trigger="click" size="small" style="float: right" @click.stop>
                 <el-button size="small">
                     <span>
                         {{ messages[bioLanguage]?.language || bioLanguage }}
@@ -25,6 +25,7 @@
                 </template>
             </el-dropdown>
         </div>
+        <br />
         <div style="font-size: 12px">{{ t('dialog.translation_api.description') }} <br /></div>
 
         <el-input

src/views/Settings/dialogs/YouTubeApiDialog.vue

@@ -3,7 +3,7 @@
         class="x-dialog"
         :model-value="isYouTubeApiDialogVisible"
         :title="t('dialog.youtube_api.header')"
-        width="400px"
+        width="450px"
         @close="closeDialog">
         <div style="font-size: 12px">{{ t('dialog.youtube_api.description') }} <br /></div>