From 31f8c0599df890210a40761d5c2586908f557882 Mon Sep 17 00:00:00 2001
From: Forgotten <forgottenrunes@protonmail.com>
Date: Mon, 23 Feb 2026 15:51:52 -0600
Subject: [PATCH] fix: prevent project name wrapping in properties pane

Add truncate with ellipsis to the project name in the properties pane
so long names stay on one line instead of wrapping.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ui/src/components/IssueProperties.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/IssueProperties.tsx b/ui/src/components/IssueProperties.tsx
index ee40b1e6..efa0825e 100644
--- a/ui/src/components/IssueProperties.tsx
+++ b/ui/src/components/IssueProperties.tsx
@@ -25,7 +25,7 @@ function PropertyRow({ label, children }: { label: string; children: React.React
   return (
     <div className="flex items-center gap-3 py-1.5">
       <span className="text-xs text-muted-foreground shrink-0 w-20">{label}</span>
-      <div className="flex items-center gap-1.5 min-w-0">{children}</div>
+      <div className="flex items-center gap-1.5 min-w-0 flex-1">{children}</div>
     </div>
   );
 }
@@ -151,14 +151,14 @@ export function IssueProperties({ issue, onUpdate }: IssuePropertiesProps) {
         <PropertyRow label="Project">
           <Popover open={projectOpen} onOpenChange={(open) => { setProjectOpen(open); if (!open) setProjectSearch(""); }}>
             <PopoverTrigger asChild>
-              <button className="inline-flex items-center gap-1.5 cursor-pointer hover:bg-accent/50 rounded px-1 -mx-1 py-0.5 transition-colors">
+              <button className="inline-flex items-center gap-1.5 cursor-pointer hover:bg-accent/50 rounded px-1 -mx-1 py-0.5 transition-colors min-w-0 max-w-full">
                 {issue.projectId ? (
                   <>
                     <span
                       className="shrink-0 h-3 w-3 rounded-sm"
                       style={{ backgroundColor: projects?.find((p) => p.id === issue.projectId)?.color ?? "#6366f1" }}
                     />
-                    <span className="text-sm">{projectName(issue.projectId)}</span>
+                    <span className="text-sm truncate">{projectName(issue.projectId)}</span>
                   </>
                 ) : (
                   <>