From a331f8b30a5412b4d2dcdea2aa1da5e0f22306df Mon Sep 17 00:00:00 2001
From: Akira <akia@keinafarm.com>
Date: Mon, 2 Mar 2026 09:50:42 +0900
Subject: [PATCH] =?UTF-8?q?=E6=9C=AA=E5=89=B2=E3=82=8A=E5=BD=93=E3=81=A6?=
 =?UTF-8?q?=E5=9C=83=E5=A0=B4=E3=81=AE=E5=9C=83=E5=A0=B4=E5=90=8D=E3=81=8C?=
 =?UTF-8?q?=E5=88=87=E3=82=8C=E3=82=8B=E5=95=8F=E9=A1=8C=E3=82=92=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

w-32 truncate（128px固定）を flex-1 min-w-0 truncate に変更し、
利用可能な幅いっぱいに伸びるようにした。
ホバーで全文確認できるよう title 属性も追加。

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../src/app/distribution/_components/DistributionEditPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/distribution/_components/DistributionEditPage.tsx b/frontend/src/app/distribution/_components/DistributionEditPage.tsx
index 66682a8..e217673 100644
--- a/frontend/src/app/distribution/_components/DistributionEditPage.tsx
+++ b/frontend/src/app/distribution/_components/DistributionEditPage.tsx
@@ -534,8 +534,8 @@ export default function DistributionEditPage({ planId }: Props) {
                   <div className="space-y-1">
                     {unassignedFields.map(fi => (
                       <div key={fi.id} className="flex items-center gap-2 text-sm">
-                        <span className="text-gray-800 font-medium w-32 truncate">{fi.name}</span>
-                        <span className="text-gray-400 text-xs w-16 text-right">{fi.area_tan}反</span>
+                        <span className="text-gray-800 font-medium flex-1 min-w-0 truncate" title={fi.name}>{fi.name}</span>
+                        <span className="text-gray-400 text-xs w-16 shrink-0 text-right">{fi.area_tan}反</span>
                         <select
                           defaultValue=""
                           onChange={e => {