From 21ec19dc02b70fd553d6b7edd7eedeb556228c3d Mon Sep 17 00:00:00 2001
From: lawcheck <maximusttt@gmail.com>
Date: Thu, 10 Sep 2026 09:19:29 +0300
Subject: [PATCH] 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>
---
 web/src/pages/CronPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/CronPage.tsx b/web/src/pages/CronPage.tsx
index a29a192dc2..ea5ded8e98 100644
--- a/web/src/pages/CronPage.tsx
+++ b/web/src/pages/CronPage.tsx
@@ -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"}>