fix(cli): let cron job badges wrap so the job title survives narrow widths

The job header was a single non-wrapping flex row carrying the title and up
to seven badges. On a phone the badges overflowed the card, collided with
the action buttons, and squeezed the title to zero width, so the scheduled
jobs showed no names at all.

flex-wrap lets the badges fall to the next line, and min-w-0 on the title
lets its existing truncate take effect instead of being ignored inside a
flex row.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
lawcheck
2026-09-10 09:19:29 +03:00
committed by Teknium
parent f5a2c70b12
commit 21ec19dc02

View File

@@ -1107,8 +1107,8 @@ export default function CronPage() {
<Card key={jobKey}>
<CardContent className="flex items-start gap-4 py-4">
<div className="flex-1 min-w-0">
<div className="flex items-center gap-2 mb-1">
<span className="font-medium text-sm truncate">
<div className="flex flex-wrap items-center gap-2 mb-1">
<span className="font-medium text-sm truncate min-w-0">
{title}
</span>
<Badge tone={STATUS_TONE[state] ?? "secondary"}>