From ddd191e332547dfd590bfb748f17596d21aac897 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Sun, 25 Jan 2026 15:54:57 +0900
Subject: [PATCH] Prevent the icon from being squished

---
 src/components/Location.vue                     | 8 ++++----
 src/views/Sidebar/components/FriendsSidebar.vue | 4 +++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Location.vue b/src/components/Location.vue
index 9c31059b..ba58064c 100644
--- a/src/components/Location.vue
+++ b/src/components/Location.vue
@@ -2,13 +2,13 @@
     <div class="cursor-pointer">
         <div v-if="!text" class="transparent">-</div>
         <div v-show="text" class="flex items-center">
-            <div v-if="region" :class="['flags', 'mr-1.5', region]"></div>
+            <div v-if="region" :class="['flags', 'mr-1.5', 'shrink-0', region]"></div>
             <TooltipWrapper :content="tooltipContent" :disabled="tooltipDisabled" :delay-duration="300" side="top">
                 <div
                     :class="locationClasses"
                     class="inline-flex min-w-0 flex-nowrap items-center overflow-hidden"
                     @click="handleShowWorldDialog">
-                    <Spinner v-if="isTraveling" class="mr-1" />
+                    <Spinner v-if="isTraveling" class="mr-1 shrink-0" />
                     <span class="min-w-0 truncate">{{ text }}</span>
                     <span v-if="showInstanceIdInLocation && instanceName" class="ml-1 whitespace-nowrap">{{
                         ` · #${instanceName}`
@@ -23,9 +23,9 @@
             </TooltipWrapper>
 
             <TooltipWrapper v-if="isClosed" :content="closedTooltip" :disabled="disableTooltip">
-                <AlertTriangle class="inline-block ml-2 text-muted-foreground" />
+                <AlertTriangle class="inline-block ml-2 text-muted-foreground shrink-0" />
             </TooltipWrapper>
-            <Lock v-if="strict" class="inline-block ml-2 text-muted-foreground" />
+            <Lock v-if="strict" class="inline-block ml-2 text-muted-foreground shrink-0" />
         </div>
     </div>
 </template>
diff --git a/src/views/Sidebar/components/FriendsSidebar.vue b/src/views/Sidebar/components/FriendsSidebar.vue
index b0866767..fbe7a64b 100644
--- a/src/views/Sidebar/components/FriendsSidebar.vue
+++ b/src/views/Sidebar/components/FriendsSidebar.vue
@@ -49,7 +49,9 @@
                                     :traveling="currentUser.$travelingToLocation"
                                     :link="false" />
 
-                                <span v-else class="extra block truncate text-xs">{{ currentUser.statusDescription }}</span>
+                                <span v-else class="extra block truncate text-xs">{{
+                                    currentUser.statusDescription
+                                }}</span>
                             </div>
                         </div>
                     </template>