Small fix

src/plugin/components.js

@@ -7,12 +7,10 @@ import LastJoin from '../components/LastJoin.vue';
 import Launch from '../components/Launch.vue';
 import Location from '../components/Location.vue';
 import LocationWorld from '../components/LocationWorld.vue';
-import SimpleSwitch from '../components/SimpleSwitch.vue';
 import Timer from '../components/Timer.vue';
 import DataTable from '../components/DataTable.vue';
 
 export function initComponents(app) {
-    app.component('SimpleSwitch', SimpleSwitch);
     app.component('Location', Location);
     app.component('Timer', Timer);
     app.component('InstanceInfo', InstanceInfo);

src/views/Favorites/Favorites.vue

@@ -1,6 +1,15 @@
 <template>
     <div v-show="menuActiveIndex === 'favorite'" class="x-container">
-        <div style="font-size: 13px; position: absolute; display: flex; right: 0; z-index: 1; margin-right: 15px">
+        <div
+            style="
+                font-size: 13px;
+                position: absolute;
+                display: flex;
+                align-items: center;
+                right: 0;
+                z-index: 1;
+                margin-right: 15px;
+            ">
             <div v-if="editFavoritesMode" style="display: inline-block; margin-right: 10px">
                 <el-button size="small" @click="clearBulkFavoriteSelection">{{ t('view.favorite.clear') }}</el-button>
                 <el-button size="small" @click="handleBulkCopyFavoriteSelection">{{

src/views/Settings/Settings.vue

@@ -1922,6 +1922,8 @@
     import { redirectToToolsTab } from '../../shared/utils/base/ui';
     import { THEME_CONFIG } from '../../shared/constants';
 
+    import SimpleSwitch from './components/SimpleSwitch.vue';
+
     const OpenSourceSoftwareNoticeDialog = defineAsyncComponent(
         () => import('./dialogs/OpenSourceSoftwareNoticeDialog.vue')
     );

src/views/Settings/components/SimpleSwitch.vue

@@ -2,8 +2,8 @@
     <div class="simple-switch">
         <div class="name" :style="{ width: longLabel ? '300px' : undefined }">
             {{ label }}
-            <el-tooltip v-if="tooltip" placement="top" class="tooltip" :content="tooltip"
-                ><el-icon><InfoFilled /></el-icon
+            <el-tooltip v-if="tooltip" placement="top" :content="tooltip"
+                ><el-icon size="small" class="tooltip"><InfoFilled /></el-icon
             ></el-tooltip>
         </div>
 
@@ -38,11 +38,13 @@
         min-width: 225px;
         word-wrap: break-word;
         padding-top: 7px;
+        display: flex;
+        align-items: center;
     }
     .simple-switch > .switch {
         margin-left: 10px;
     }
     .simple-switch .tooltip {
-        margin-left: 5px;
+        margin-left: 3px;
     }
 </style>