From 26897e1621e208c2881726f483cef01b52a01e7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 30 Aug 2026 21:10:00 +0200
Subject: [PATCH] Right-align the status/duration/replay row on mobile

self-end (reverting to self-auto at sm+) so the stacked row sits
against the right edge under the title instead of the left, matching
where it sits in the desktop row layout.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WzyfRyA7h5rs5SCAahLAWd
---
 app/(app)/sessions/[id]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(app)/sessions/[id]/page.tsx b/app/(app)/sessions/[id]/page.tsx
index 61a4657..a2eaf44 100644
--- a/app/(app)/sessions/[id]/page.tsx
+++ b/app/(app)/sessions/[id]/page.tsx
@@ -55,7 +55,7 @@ export default async function SessionDetailPage({ params }: { params: Promise<{
           )}
           <SessionDescriptionEditor sessionId={detail.session.id} initialDescription={detail.session.description} />
         </div>
-        <div className="flex shrink-0 items-center gap-3">
+        <div className="flex shrink-0 items-center gap-3 self-end sm:self-auto">
           <Badge variant={STATUS_VARIANT[detail.session.status]}>{detail.session.status}</Badge>
           <span className="bp-readout text-sm text-muted-foreground">{formatDuration(detail.session.durationMs)}</span>
           {canReplay && (