fix(web): stack qualifier pills below the status badge in the session table

Hybrid / Self-Deploying / Blocked pills rendered inline next to the status
badge and widened the status column noticeably. Column layout (flex-col)
stacks them underneath instead, keeping the column narrow regardless of
how many qualifiers a session carries.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Oliver Kieselbach
2026-07-02 15:05:18 +02:00
parent b606aee9fa
commit 262e996c88
@@ -930,7 +930,9 @@ function SessionCell({
case "status":
return (
<td className="px-6 py-4 whitespace-nowrap">
<div className="flex items-center gap-1.5">
{/* Qualifier pills stack BELOW the status badge (flex-col) so extra badges
(Hybrid / Self-Deploying / Blocked) never widen the status column. */}
<div className="flex flex-col items-start gap-1">
<SessionStatusBadge status={session.status} failureReason={session.failureReason} adminMarkedAction={session.adminMarkedAction} />
{session.isHybridJoin && (
<span