From fa47a545b1b770e5f3e52bb2798d1104da5dd244 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BE=E3=81=A3=E3=81=A1=E3=82=83=E3=81=A8=E3=83=BC?=
 =?UTF-8?q?=E3=81=AB=E3=82=85?=
 <17376330+u1-liquid@users.noreply.github.com>
Date: Sat, 30 Mar 2024 15:55:50 +0900
Subject: [PATCH] =?UTF-8?q?fix(frontend/WidgetBirthdayFollowings):=20?=
 =?UTF-8?q?=E3=83=A6=E3=83=BC=E3=82=B6=E3=83=BC=E3=81=AE=E5=90=8D=E5=89=8D?=
 =?UTF-8?q?=E3=81=8C=E9=95=B7=E3=81=84=E3=81=A8=E6=8A=95=E7=A8=BF=E3=83=9C?=
 =?UTF-8?q?=E3=82=BF=E3=83=B3=E3=81=8C=E3=81=AF=E3=81=BF=E5=87=BA=E3=81=A6?=
 =?UTF-8?q?=E3=81=97=E3=81=BE=E3=81=86=E5=95=8F=E9=A1=8C=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3=20(MisskeyIO#582)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/widgets/WidgetBirthdayFollowings.vue       | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue b/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
index 1247a02afe..b983301ea5 100644
--- a/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
+++ b/packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
@@ -20,13 +20,15 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 		<template #default="{ items: users }">
 			<MkDateSeparatedList v-slot="{ item }" :items="toMisskeyEntity(users)" :noGap="true">
-				<div v-if="item.user" :key="item.id" style="display: flex; gap: 8px; padding-right: 16px">
-					<MkA :to="userPage(item.user)" style="flex-grow: 1;">
-						<MkUserCardMini :user="item.user" :withChart="false" style="background: inherit; border-radius: unset;"/>
+				<div v-if="item.user" :key="item.id" style="display: grid; grid-template-columns: auto 56px; grid-column-gap: 8px;">
+					<MkA :to="userPage(item.user)" style="overflow: hidden;">
+						<MkUserCardMini :user="item.user" :withChart="false" style="text-overflow: ellipsis; background: inherit; border-radius: unset;"/>
 					</MkA>
-					<button v-tooltip.noDelay="i18n.ts.note" class="_button" :class="$style.post" @click="os.post({initialText: `@${item.user.username}${item.user.host ? `@${item.user.host}` : ''} `})">
-						<i class="ti-fw ti ti-confetti" :class="$style.postIcon"></i>
-					</button>
+					<div style="display: flex; margin-right: 16px;">
+						<button v-tooltip.noDelay="i18n.ts.note" class="_button" :class="$style.post" @click="os.post({initialText: `@${item.user.username}${item.user.host ? `@${item.user.host}` : ''} `})">
+							<i class="ti-fw ti ti-confetti" :class="$style.postIcon"></i>
+						</button>
+					</div>
 				</div>
 			</MkDateSeparatedList>
 		</template>