Small fix

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

@@ -0,0 +1,50 @@
+<template>
+    <div class="simple-switch">
+        <div class="name" :style="{ width: longLabel ? '300px' : undefined }">
+            {{ label }}
+            <el-tooltip v-if="tooltip" placement="top" :content="tooltip"
+                ><el-icon size="small" class="tooltip"><InfoFilled /></el-icon
+            ></el-tooltip>
+        </div>
+
+        <el-switch class="switch" :model-value="value" @change="change" :disabled="disabled"></el-switch>
+    </div>
+</template>
+
+<script setup>
+    import { InfoFilled } from '@element-plus/icons-vue';
+    defineProps({
+        label: String,
+        value: Boolean,
+        tooltip: String,
+        disabled: Boolean,
+        longLabel: Boolean
+    });
+
+    const emit = defineEmits(['change']);
+
+    function change(event) {
+        emit('change', event);
+    }
+</script>
+
+<style scoped>
+    .simple-switch {
+        font-size: 12px;
+        display: flex;
+    }
+    .simple-switch > .name {
+        width: 225px;
+        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: 3px;
+    }
+</style>