From 3922db012f41c2e1435d8cef4537e6ac979fb5ac Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Thu, 29 Dec 2022 14:14:52 +0100
Subject: [PATCH] fix: edit indicator wrap for small screens

---
 components/status/StatusCard.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/status/StatusCard.vue b/components/status/StatusCard.vue
index 098083e2..5644221e 100644
--- a/components/status/StatusCard.vue
+++ b/components/status/StatusCard.vue
@@ -125,14 +125,16 @@ const isDM = $computed(() => status.visibility === 'direct')
           <div flex-auto />
           <div v-if="!isZenMode" text-sm text-secondary flex="~ row nowrap" hover:underline>
             <AccountBotIndicator v-if="status.account.bot" mr-2 />
-            <CommonTooltip :content="createdAt">
-              <a :title="status.createdAt" :href="getStatusRoute(status).href" @click.prevent="go($event)">
-                <time text-sm ws-nowrap hover:underline :datetime="status.createdAt">
-                  {{ timeago }}
-                </time>
-              </a>
-            </CommonTooltip>
-            <StatusEditIndicator :status="status" inline />
+            <div flex>
+              <CommonTooltip :content="createdAt">
+                <a :title="status.createdAt" :href="getStatusRoute(status).href" @click.prevent="go($event)">
+                  <time text-sm ws-nowrap hover:underline :datetime="status.createdAt">
+                    {{ timeago }}
+                  </time>
+                </a>
+              </CommonTooltip>
+              <StatusEditIndicator :status="status" inline />
+            </div>
           </div>
           <StatusActionsMore :status="status" mr--2 />
         </div>