Dialog formatting fixes

src/components/dialogs/AvatarDialog/AvatarDialog.vue

@@ -228,6 +228,7 @@
                                     :type="avatarDialog.isBlocked ? 'danger' : 'default'"
                                     :icon="MoreFilled"
                                     size="large"
+                                    style="margin-left: 5px"
                                     circle></el-button>
                             </DropdownMenuTrigger>
                             <DropdownMenuContent>

src/components/dialogs/AvatarDialog/SetAvatarStylesDialog.vue

@@ -10,6 +10,7 @@
         <template v-if="setAvatarStylesDialog.visible">
             <div>
                 <span>{{ t('dialog.set_avatar_styles.primary_style') }}</span>
+                <br />
                 <Select
                     :model-value="setAvatarStylesDialog.primaryStyle"
                     @update:modelValue="(v) => updateDialog({ primaryStyle: v === SELECT_CLEAR_VALUE ? '' : v })">
@@ -32,6 +33,7 @@
 
             <div>
                 <span>{{ t('dialog.set_avatar_styles.secondary_style') }}</span>
+                <br />
                 <Select
                     :model-value="setAvatarStylesDialog.secondaryStyle"
                     @update:modelValue="(v) => updateDialog({ secondaryStyle: v === SELECT_CLEAR_VALUE ? '' : v })">
@@ -52,7 +54,7 @@
 
             <br />
 
-            <div style="font-size: 12px; margin-top: 10px">{{ t('dialog.set_world_tags.author_tags') }}<br /></div>
+            <div style="font-size: 12px">{{ t('dialog.set_world_tags.author_tags') }}</div>
 
             <el-input
                 :model-value="setAvatarStylesDialog.authorTags"

src/components/dialogs/AvatarDialog/SetAvatarTagsDialog.vue

@@ -5,25 +5,21 @@
         :model-value="setAvatarTagsDialog.visible"
         @close="closeSetAvatarTagsDialog"
         :title="t('dialog.set_avatar_tags.header')"
-        width="770px"
+        width="780px"
         append-to-body>
         <template v-if="setAvatarTagsDialog.visible">
             <el-checkbox v-model="setAvatarTagsDialog.contentHorror" @change="updateSelectedAvatarTags">{{
                 t('dialog.set_avatar_tags.content_horror')
             }}</el-checkbox>
-            <br />
             <el-checkbox v-model="setAvatarTagsDialog.contentGore" @change="updateSelectedAvatarTags">{{
                 t('dialog.set_avatar_tags.content_gore')
             }}</el-checkbox>
-            <br />
             <el-checkbox v-model="setAvatarTagsDialog.contentViolence" @change="updateSelectedAvatarTags">{{
                 t('dialog.set_avatar_tags.content_violence')
             }}</el-checkbox>
-            <br />
             <el-checkbox v-model="setAvatarTagsDialog.contentAdult" @change="updateSelectedAvatarTags">{{
                 t('dialog.set_avatar_tags.content_adult')
             }}</el-checkbox>
-            <br />
             <el-checkbox v-model="setAvatarTagsDialog.contentSex" @change="updateSelectedAvatarTags">{{
                 t('dialog.set_avatar_tags.content_sex')
             }}</el-checkbox>
@@ -35,6 +31,8 @@
                 :placeholder="t('dialog.set_avatar_tags.custom_tags_placeholder')"
                 style="margin-top: 10px"
                 @input="updateInputAvatarTags"></el-input>
+            <br />
+            <br />
             <template
                 v-if="setAvatarTagsDialog.ownAvatars.length === props.setAvatarTagsDialog.selectedAvatarIds.length">
                 <el-button size="small" @click="setAvatarTagsSelectToggle">{{

src/components/dialogs/GroupDialog/GroupDialog.vue

@@ -237,7 +237,7 @@
                                     :type="groupDialog.ref.membershipStatus === 'userblocked' ? 'danger' : 'default'"
                                     :icon="MoreFilled"
                                     size="large"
-                                    class="ml-1.25"
+                                    style="margin-left: 5px"
                                     circle></el-button>
                             </DropdownMenuTrigger>
                             <DropdownMenuContent>

src/components/dialogs/WorldDialog/WorldDialog.vue

@@ -183,7 +183,12 @@
                         </TooltipWrapper>
                         <DropdownMenu>
                             <DropdownMenuTrigger as-child>
-                                <el-button type="default" :icon="MoreFilled" size="large" circle />
+                                <el-button
+                                    type="default"
+                                    :icon="MoreFilled"
+                                    size="large"
+                                    style="margin-left: 5px"
+                                    circle />
                             </DropdownMenuTrigger>
                             <DropdownMenuContent>
                                 <DropdownMenuItem @click="worldDialogCommand('Refresh')">

src/views/Tools/Tools.vue

@@ -243,7 +243,9 @@
     const isExportAvatarsListDialogVisible = ref(false);
     const isEditInviteMessagesDialogVisible = ref(false);
     const isToolsTabVisible = computed(() => {
-        return useRoute().name === 'tools';
+        const route = useRoute();
+        if (!route) return false;
+        return route.name === 'tools';
     });
 
     const showGroupCalendarDialog = () => {