From 99237a9544a59b4c60a65c38539ab8ac1a1e7be3 Mon Sep 17 00:00:00 2001
From: Phelipe Lorran <112786693+httpsphl@users.noreply.github.com>
Date: Thu, 15 Oct 2026 15:17:29 -0300
Subject: [PATCH] fix(app): the crew header wraps instead of covering the title

On a narrow window the automatic-mode switch pushed the title out of
sight. The header now wraps and the title keeps a minimum width.
---
 app/src/features/crews/CrewView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/features/crews/CrewView.tsx b/app/src/features/crews/CrewView.tsx
index 07632c7..167fdc9 100644
--- a/app/src/features/crews/CrewView.tsx
+++ b/app/src/features/crews/CrewView.tsx
@@ -35,8 +35,8 @@ export function CrewView({ crew }: { crew: Crew }) {
 
   return (
     <section aria-label={crew.name} className="flex min-h-0 flex-1 flex-col">
-      <header className="flex items-center gap-3 border-line border-b px-5 py-3.5">
-        <div className="min-w-0 flex-1">
+      <header className="flex flex-wrap items-center gap-x-3 gap-y-2 border-line border-b px-5 py-3.5">
+        <div className="min-w-[12rem] flex-1">
           <h1 className="truncate font-semibold text-xl tracking-tight">{crew.name}</h1>
           <p className="mt-0.5 flex min-w-0 items-center gap-1.5 text-muted text-sm">
             <span className="shrink-0">