From 3fd74ed800e6eff0c18334fd7bb937918d3e8b8e Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Sun, 5 Oct 2025 22:47:28 +1300
Subject: [PATCH] Fix favorites name overflow

---
 .../dialogs/ChooseFavoriteGroupDialog.vue      | 18 +++++++++---------
 .../Settings/components/PictureSettings.vue    | 10 ++++++----
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/dialogs/ChooseFavoriteGroupDialog.vue b/src/components/dialogs/ChooseFavoriteGroupDialog.vue
index 4a874579..efbdcf4a 100644
--- a/src/components/dialogs/ChooseFavoriteGroupDialog.vue
+++ b/src/components/dialogs/ChooseFavoriteGroupDialog.vue
@@ -4,9 +4,9 @@
             <span style="display: block; text-align: center">{{ t('dialog.favorite.vrchat_favorites') }}</span>
             <template v-if="favoriteDialog.currentGroup && favoriteDialog.currentGroup.key">
                 <el-button
-                    style="display: block; width: 100%; margin: 10px 0"
+                    style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
                     @click="deleteFavoriteNoConfirm(favoriteDialog.objectId)">
-                    <el-icon><Check /></el-icon>
+                    <el-icon style="margin-right: 5px"><Check /></el-icon>
                     {{ favoriteDialog.currentGroup.displayName }} ({{ favoriteDialog.currentGroup.count }} /
                     {{ favoriteDialog.currentGroup.capacity }})
                 </el-button>
@@ -15,7 +15,7 @@
                 <el-button
                     v-for="group in groups"
                     :key="group.key"
-                    style="display: block; width: 100%; margin: 10px 0"
+                    style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
                     @click="addFavorite(group)">
                     {{ group.displayName }} ({{ group.count }} / {{ group.capacity }})
                 </el-button>
@@ -26,14 +26,14 @@
             <template v-for="group in localWorldFavoriteGroups" :key="group">
                 <el-button
                     v-if="hasLocalWorldFavorite(favoriteDialog.objectId, group)"
-                    style="display: block; width: 100%; margin: 10px 0"
+                    style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
                     @click="removeLocalWorldFavorite(favoriteDialog.objectId, group)">
-                    <el-icon><Check /></el-icon>
+                    <el-icon style="margin-right: 5px"><Check /></el-icon>
                     {{ group }} ({{ getLocalWorldFavoriteGroupLength(group) }})
                 </el-button>
                 <el-button
                     v-else
-                    style="display: block; width: 100%; margin: 10px 0"
+                    style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
                     @click="addLocalWorldFavorite(favoriteDialog.objectId, group)">
                     {{ group }} ({{ getLocalWorldFavoriteGroupLength(group) }})
                 </el-button>
@@ -44,14 +44,14 @@
             <template v-for="group in localAvatarFavoriteGroups" :key="group">
                 <el-button
                     v-if="hasLocalAvatarFavorite(favoriteDialog.objectId, group)"
-                    style="display: block; width: 100%; margin: 10px 0"
+                    style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
                     @click="removeLocalAvatarFavorite(favoriteDialog.objectId, group)">
-                    <el-icon><Check /></el-icon>
+                    <el-icon style="margin-right: 5px"><Check /></el-icon>
                     {{ group }} ({{ getLocalAvatarFavoriteGroupLength(group) }})
                 </el-button>
                 <el-button
                     v-else
-                    style="display: block; width: 100%; margin: 10px 0"
+                    style="display: block; width: 100%; margin: 10px 0; white-space: initial; height: auto"
                     :disabled="!isLocalUserVrcplusSupporter"
                     @click="addLocalAvatarFavorite(favoriteDialog.objectId, group)">
                     {{ group }} ({{ getLocalAvatarFavoriteGroupLength(group) }})
diff --git a/src/views/Settings/components/PictureSettings.vue b/src/views/Settings/components/PictureSettings.vue
index 56cf2050..ad393dd0 100644
--- a/src/views/Settings/components/PictureSettings.vue
+++ b/src/views/Settings/components/PictureSettings.vue
@@ -85,10 +85,11 @@
         <br />
         <br />
         <br />
-        <span class="sub-header">{{ t('view.settings.advanced.advanced.save_instance_prints_to_file.header') }}</span>
+        <span class="sub-header" style="margin-right: 5px">{{
+            t('view.settings.advanced.advanced.save_instance_prints_to_file.header')
+        }}</span>
         <el-tooltip
             placement="top"
-            style="margin-left: 5px"
             :content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')">
             <el-icon><InfoFilled /></el-icon>
         </el-tooltip>
@@ -110,10 +111,11 @@
             @change="setSaveInstanceStickers()"
             :long-label="true" />
         <br />
-        <span class="sub-header">{{ t('view.settings.advanced.advanced.save_instance_emoji_to_file.header') }} </span>
+        <span class="sub-header" style="margin-right: 5px"
+            >{{ t('view.settings.advanced.advanced.save_instance_emoji_to_file.header') }}
+        </span>
         <el-tooltip
             placement="top"
-            style="margin-left: 5px"
             :content="t('view.settings.advanced.advanced.save_instance_prints_to_file.header_tooltip')">
             <el-icon><InfoFilled /></el-icon>
         </el-tooltip>