From 8c472170031c650a1980abf5ed6e7eebf9f3a8fb Mon Sep 17 00:00:00 2001
From: Akira <akia@keinafarm.com>
Date: Mon, 2 Mar 2026 09:54:04 +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=AB=E4=BA=A4=E4=BA=92=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E8=89=B2=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

行の対応が分かりにくい問題を解消するため、
偶数行/奇数行で白/グレーの交互背景色を適用。

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

diff --git a/frontend/src/app/distribution/_components/DistributionEditPage.tsx b/frontend/src/app/distribution/_components/DistributionEditPage.tsx
index e217673..8f3fe91 100644
--- a/frontend/src/app/distribution/_components/DistributionEditPage.tsx
+++ b/frontend/src/app/distribution/_components/DistributionEditPage.tsx
@@ -531,9 +531,9 @@ export default function DistributionEditPage({ planId }: Props) {
               {unassignedFields.length > 0 && (
                 <div className="mt-4 border-t border-gray-200 pt-4">
                   <p className="text-xs font-medium text-gray-500 uppercase mb-2">未割り当て圃場</p>
-                  <div className="space-y-1">
-                    {unassignedFields.map(fi => (
-                      <div key={fi.id} className="flex items-center gap-2 text-sm">
+                  <div className="rounded border border-gray-200 overflow-hidden">
+                    {unassignedFields.map((fi, idx) => (
+                      <div key={fi.id} className={`flex items-center gap-2 text-sm px-3 py-1.5 ${idx % 2 === 0 ? 'bg-white' : 'bg-gray-50'}`}>
                         <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