From f91cb2a660cba57abc73d8830a64b1b2376d8339 Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Tue, 4 Aug 2026 08:19:51 +0000
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=D7=98=D7=A2=D7=A0=D7=95=D7=AA-?=
 =?UTF-8?q?=D7=94=D7=A1=D7=A3=20=D7=95=D7=94=D7=A1=D7=95=D7=92=D7=99=D7=95?=
 =?UTF-8?q?=D7=AA=20=D7=91=D7=98=D7=95=D7=A8=20=D7=90=D7=97=D7=93=20?=
 =?UTF-8?q?=E2=80=94=20=D7=A4=D7=AA=D7=99=D7=97=D7=AA=20=D7=9B=D7=A8=D7=98?=
 =?UTF-8?q?=D7=99=D7=A1=20=D7=94=D7=A7=D7=A4=D7=99=D7=A6=D7=94=20=D7=92?=
 =?UTF-8?q?=D7=9D=20=D7=90=D7=AA=20=D7=94=D7=98=D7=95=D7=A8=20=D7=94=D7=A9?=
 =?UTF-8?q?=D7=A0=D7=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

כרטיסי טענות-הסף והסוגיות ב"עמדות וטענות" ישבו ב-CSS Grid דו-טורי
(`lg:grid-cols-2`). ב-Grid כל שורה חולקת גובה, ולכן פתיחת כרטיס בטור
אחד הגדילה את גובה השורה ודחפה מטה את כל מה שמתחת — בשני הטורים.

מעבר לטור אחד (`space-y-3`) מקומם את הקפיצה למה שמתחת לכרטיס שנפתח
בלבד, ונותן לתוכן הנפתח (שדות + עורך עמדת-היו״ר + פסיקה תומכת) רוחב
מלא במקום חצי — נוח בהרבה לעריכה בעברית.

זוג הכרטיסים התחתון (פסיקה מצורפת + ייצוא/עדכון הניתוח) נשאר דו-טורי;
הוא אינו נפתח ואינו סובל מהבעיה.

invariants: INV-IA1 (מקור-אמת יחיד) נשמר — שינוי פריסה בלבד, ללא נגיעה
בנתונים, ב-hooks או ב-API. G2/G10/G12 — לא רלוונטיים.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 web-ui/src/components/cases/positions-panel.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web-ui/src/components/cases/positions-panel.tsx b/web-ui/src/components/cases/positions-panel.tsx
index cbd05ed..2bebd7c 100644
--- a/web-ui/src/components/cases/positions-panel.tsx
+++ b/web-ui/src/components/cases/positions-panel.tsx
@@ -18,6 +18,13 @@ import { useCasePrecedents } from "@/lib/api/precedents";
  * the main case page (X17 #3). Lives inside the "טיעונים ועמדות" tab above the
  * collapsible by-party aggregated arguments. The 12-block editor + citation
  * verification moved to their own top-level tabs; /compose was deleted.
+ *
+ * The threshold-claim / issue cards deliberately stack in a SINGLE column.
+ * They were a two-column CSS grid, but grid rows share a height: expanding one
+ * card grew its row and shoved every card below it down — in *both* columns.
+ * A single column keeps the jump local to what sits underneath, and gives the
+ * expanded body (fields + chair editor + supporting precedents) full width
+ * instead of half. Do not reintroduce `lg:grid-cols-2` here (chair, 2026-08-04).
  */
 
 function ProseSection({ title, content }: { title: string; content?: string }) {
@@ -203,7 +210,7 @@ export function PositionsPanel({ caseNumber }: { caseNumber: string }) {
                     {analysis.data.threshold_claims.length}
                   </span>
                 </div>
-                <div className="grid gap-3 lg:grid-cols-2 items-start">
+                <div className="space-y-3">
                   {analysis.data.threshold_claims.map((tc) => (
                     <SubsectionCard
                       key={tc.id}
@@ -225,7 +232,7 @@ export function PositionsPanel({ caseNumber }: { caseNumber: string }) {
                   {analysis.data.issues.length}
                 </span>
               </div>
-              <div className="grid gap-3 lg:grid-cols-2 items-start">
+              <div className="space-y-3">
                 {analysis.data.issues.map((iss) => (
                   <SubsectionCard
                     key={iss.id}
-- 
2.49.1