From 0536a4e4e3bbe55d44dcfd7603a80a884a32eda6 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Fri, 16 Jan 2026 08:21:58 +1300
Subject: [PATCH] Formatting

---
 src/app.css                                             | 1 -
 src/components/dialogs/UserDialog/UserSummaryHeader.vue | 2 +-
 src/views/Feed/columns.jsx                              | 7 +++++--
 src/views/Sidebar/components/FriendItem.vue             | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index 465a29f3..86d5ca35 100644
--- a/src/app.css
+++ b/src/app.css
@@ -624,7 +624,6 @@ html.dark .x-friend-item > .detail > .extra,
     word-break: break-word;
 }
 
-
 .el-popper.x-quick-search .el-select-dropdown__item {
     width: 100%;
     height: auto;
diff --git a/src/components/dialogs/UserDialog/UserSummaryHeader.vue b/src/components/dialogs/UserDialog/UserSummaryHeader.vue
index 2e885a45..4bcafc69 100644
--- a/src/components/dialogs/UserDialog/UserSummaryHeader.vue
+++ b/src/components/dialogs/UserDialog/UserSummaryHeader.vue
@@ -40,7 +40,7 @@
                                     >
                                 </div>
                             </template>
-                            <ChevronDown />
+                            <ChevronDown class="inline-block" />
                         </TooltipWrapper>
                     </template>
                     <span
diff --git a/src/views/Feed/columns.jsx b/src/views/Feed/columns.jsx
index 6f0640f6..ad31b8e0 100644
--- a/src/views/Feed/columns.jsx
+++ b/src/views/Feed/columns.jsx
@@ -352,15 +352,18 @@ export const columns = [
                 }
 
                 return (
-                    <div class="block w-full min-w-0 truncate">
+                    <div class="w-full min-w-0 truncate">
                         <i
+                            style="display:-webkit-inline-box"
                             class={[
                                 'x-user-status',
                                 'mr-2',
                                 statusClass(original.status)
                             ]}
                         ></i>
-                        <span>{original.statusDescription}</span>
+                        <span style="display:-webkit-inline-box">
+                            {original.statusDescription}
+                        </span>
                     </div>
                 );
             }
diff --git a/src/views/Sidebar/components/FriendItem.vue b/src/views/Sidebar/components/FriendItem.vue
index f5ee6ae1..0df6442d 100644
--- a/src/views/Sidebar/components/FriendItem.vue
+++ b/src/views/Sidebar/components/FriendItem.vue
@@ -17,7 +17,7 @@
                 <span v-if="isFriendActiveOrOffline" class="extra">{{ friend.ref.statusDescription }}</span>
                 <template v-else>
                     <div v-if="friend.pendingOffline" class="extra">
-                        <AlertTriangle /> {{ t('side_panel.pending_offline') }}
+                        <AlertTriangle class="inline-block" /> {{ t('side_panel.pending_offline') }}
                     </div>
                     <template v-else-if="isGroupByInstance">
                         <div class="flex items-center">