From ca8d4dd8cc1526ab9dcd8f1dbc3ff584123d535f Mon Sep 17 00:00:00 2001
From: Konv Suu <hi@kovsu.com>
Date: Tue, 14 Apr 2026 15:59:47 +0800
Subject: [PATCH 1/2] Improve renamed event layout in issue and PR timelines

---
 .../issues/detail/issue-detail-activity.tsx    | 18 +++++++++++-------
 .../pulls/detail/pull-detail-activity.tsx      | 18 +++++++++++-------
 2 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx b/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
index 108b267..6b5bbc9 100644
--- a/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
+++ b/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
@@ -792,13 +792,17 @@ function getIssueEventDescription(event: TimelineEvent): React.ReactNode {
 			);
 		case "renamed":
 			return (
-				<span className="inline-flex items-center gap-1">
-					<ActorMention actor={event.actor} hideAvatar />
-					{" changed the title from "}
-					<span className="line-through">{event.rename?.from}</span>
-					{" to "}
-					<span className="font-medium text-foreground">
-						{event.rename?.to}
+				<span className="flex min-w-0 flex-col gap-0.5">
+					<span>
+						<ActorMention actor={event.actor} hideAvatar />
+						{" changed the title"}
+					</span>
+					<span className="wrap-break-word">
+						<span className="line-through">{event.rename?.from}</span>
+						{" to "}
+						<span className="font-medium text-foreground">
+							{event.rename?.to}
+						</span>
 					</span>
 				</span>
 			);
diff --git a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
index 5518fce..0fe54f2 100644
--- a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
+++ b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
@@ -2631,13 +2631,17 @@ function getEventDescription(
 		}
 		case "renamed":
 			return (
-				<span className="inline-flex items-center gap-1">
-					<ActorMention actor={event.actor} hideAvatar />
-					{" changed the title from "}
-					<span className="line-through">{event.rename?.from}</span>
-					{" to "}
-					<span className="font-medium text-foreground">
-						{event.rename?.to}
+				<span className="flex min-w-0 flex-col gap-0.5">
+					<span>
+						<ActorMention actor={event.actor} hideAvatar />
+						{" changed the title"}
+					</span>
+					<span className="wrap-break-word">
+						<span className="line-through">{event.rename?.from}</span>
+						{" to "}
+						<span className="font-medium text-foreground">
+							{event.rename?.to}
+						</span>
 					</span>
 				</span>
 			);

From 78651a8ca438ee8a7174a35b55add691a3dda2a9 Mon Sep 17 00:00:00 2001
From: Alan Daniel <stylesshjs@gmail.com>
Date: Tue, 14 Apr 2026 15:09:01 -0400
Subject: [PATCH 2/2] on multi-line entries, align avatar/icon to top

---
 .../components/issues/detail/issue-detail-activity.tsx    | 4 ++--
 .../src/components/pulls/detail/pull-detail-activity.tsx  | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx b/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
index 6b5bbc9..1be2d69 100644
--- a/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
+++ b/apps/dashboard/src/components/issues/detail/issue-detail-activity.tsx
@@ -435,7 +435,7 @@ export function IssueDetailActivitySection({
 									<div
 										key={`${item.type}-${group.createdAt}`}
 										className={cn(
-											"flex items-center gap-1.5",
+											"flex items-start gap-1.5",
 											index === 0
 												? "pt-5"
 												: isConsecutiveEvent
@@ -487,7 +487,7 @@ export function IssueDetailActivitySection({
 								<div
 									key={`event-${event.event}-${event.id}-${event.createdAt}`}
 									className={cn(
-										"flex items-center gap-1.5",
+										"flex items-start gap-1.5",
 										index === 0 ? "pt-5" : isConsecutiveEvent ? "pt-2" : "pt-5",
 										isLastInEventRun ? "pb-5" : "pb-2",
 									)}
diff --git a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
index 0fe54f2..0a9d0eb 100644
--- a/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
+++ b/apps/dashboard/src/components/pulls/detail/pull-detail-activity.tsx
@@ -1628,7 +1628,7 @@ function ActivityTimeline({
 							<div
 								key={`commit-${commit.sha}`}
 								className={cn(
-									"flex items-center gap-1.5",
+									"flex items-start gap-1.5",
 									index === 0 ? "pt-5" : isConsecutiveCommit ? "pt-2" : "pt-5",
 									isLastInCommitRun ? "pb-5" : "pb-2",
 								)}
@@ -1668,7 +1668,7 @@ function ActivityTimeline({
 							<div
 								key="merged"
 								className={cn(
-									"flex items-center gap-1.5 pb-5",
+									"flex items-start gap-1.5 pb-5",
 									index === 0 ? "pt-5" : "pt-5",
 								)}
 							>
@@ -1733,7 +1733,7 @@ function ActivityTimeline({
 							<div
 								key={`${item.type}-${group.createdAt}`}
 								className={cn(
-									"flex items-center gap-1.5",
+									"flex items-start gap-1.5",
 									index === 0 ? "pt-5" : isConsecutiveEvent ? "pt-2" : "pt-5",
 									isLastInEventRun ? "pb-5" : "pb-2",
 								)}
@@ -1958,7 +1958,7 @@ function TimelineEventRow({
 	return (
 		<div
 			className={cn(
-				"flex items-center gap-1.5",
+				"flex items-start gap-1.5",
 				isFirst ? "pt-5" : isConsecutive ? "pt-2" : "pt-5",
 				isLastInRun ? "pb-5" : "pb-2",
 			)}