From 73f41758a651fd27b2e4c9eba81d780c3685f586 Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Sat, 25 Apr 2026 16:40:36 +0000
Subject: [PATCH] fix(ui): align numeric table columns to the right in RTL
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

text-end in dir="rtl" aligns content to the LEFT (end of the line in RTL),
which made numeric columns visually detach from their headers and feel
mis-aligned. Switch all numeric columns to text-start so numbers sit on
the right edge — matching the RTL reading direction.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/src/components/AppraisalsTable.tsx |  4 ++--
 web/src/components/DealsTable.tsx      | 32 +++++++++++++-------------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/web/src/components/AppraisalsTable.tsx b/web/src/components/AppraisalsTable.tsx
index 4e86f0d..f004238 100644
--- a/web/src/components/AppraisalsTable.tsx
+++ b/web/src/components/AppraisalsTable.tsx
@@ -33,7 +33,7 @@ export function AppraisalsTable({ decisions, totalInDb }: Props) {
               <th className="p-3 text-start font-medium">גוש/חלקה</th>
               <th className="p-3 text-start font-medium">סוג שומה</th>
               <th className="p-3 text-start font-medium">כותרת ההחלטה</th>
-              <th className="p-3 text-end font-medium">PDF</th>
+              <th className="p-3 text-start font-medium">PDF</th>
             </tr>
           </thead>
           <tbody>
@@ -50,7 +50,7 @@ export function AppraisalsTable({ decisions, totalInDb }: Props) {
                 <td className="p-3 max-w-md">
                   <span className="line-clamp-2">{d.appraisal_header || "—"}</span>
                 </td>
-                <td className="p-3 text-end whitespace-nowrap">
+                <td className="p-3 text-start whitespace-nowrap">
                   {d.pdf_url ? (
                     <div className="flex justify-end gap-1">
                       <Button
diff --git a/web/src/components/DealsTable.tsx b/web/src/components/DealsTable.tsx
index 9dd5cc4..839112e 100644
--- a/web/src/components/DealsTable.tsx
+++ b/web/src/components/DealsTable.tsx
@@ -87,14 +87,14 @@ export function DealsTable({ deals, resolvedAddress, searchedBlock, searchedPlot
             <th className="p-3 text-start font-medium">תאריך</th>
             <th className="p-3 text-start font-medium">כתובת</th>
             <th className="p-3 text-start font-medium">סוג</th>
-            <th className="p-3 text-end font-medium">חדרים</th>
-            <th className="p-3 text-end font-medium">קומה</th>
-            <th className="p-3 text-end font-medium">שטח (מ"ר)</th>
-            <th className="p-3 text-end font-medium">מחיר</th>
-            <th className="p-3 text-end font-medium">מחיר/מ"ר</th>
-            <th className="p-3 text-end font-medium">גוש</th>
-            <th className="p-3 text-end font-medium">חלקה</th>
-            <th className="p-3 text-end font-medium">תת-חלקה</th>
+            <th className="p-3 text-start font-medium">חדרים</th>
+            <th className="p-3 text-start font-medium">קומה</th>
+            <th className="p-3 text-start font-medium">שטח (מ"ר)</th>
+            <th className="p-3 text-start font-medium">מחיר</th>
+            <th className="p-3 text-start font-medium">מחיר/מ"ר</th>
+            <th className="p-3 text-start font-medium">גוש</th>
+            <th className="p-3 text-start font-medium">חלקה</th>
+            <th className="p-3 text-start font-medium">תת-חלקה</th>
             <th className="p-3 text-start font-medium">קרבה</th>
           </tr>
         </thead>
@@ -109,18 +109,18 @@ export function DealsTable({ deals, resolvedAddress, searchedBlock, searchedPlot
                 <td className="p-3 whitespace-nowrap">{formatDate(d.deal_date)}</td>
                 <td className="p-3">{address || "—"}</td>
                 <td className="p-3">{d.property_type_description || "—"}</td>
-                <td className="p-3 text-end tabular-nums">{d.rooms ?? "—"}</td>
-                <td className="p-3 text-end tabular-nums">{d.floor ?? "—"}</td>
-                <td className="p-3 text-end tabular-nums">{formatNumber(d.asset_area)}</td>
-                <td className="p-3 text-end tabular-nums">
+                <td className="p-3 text-start tabular-nums">{d.rooms ?? "—"}</td>
+                <td className="p-3 text-start tabular-nums">{d.floor ?? "—"}</td>
+                <td className="p-3 text-start tabular-nums">{formatNumber(d.asset_area)}</td>
+                <td className="p-3 text-start tabular-nums">
                   {formatCurrencyILS(d.deal_amount)}
                 </td>
-                <td className="p-3 text-end tabular-nums">
+                <td className="p-3 text-start tabular-nums">
                   {formatCurrencyILS(d.price_per_sqm)}
                 </td>
-                <td className="p-3 text-end tabular-nums">{d.gushNum ?? "—"}</td>
-                <td className="p-3 text-end tabular-nums">{d.parcelNum ?? "—"}</td>
-                <td className="p-3 text-end tabular-nums">{d.subParcelNum ?? "—"}</td>
+                <td className="p-3 text-start tabular-nums">{d.gushNum ?? "—"}</td>
+                <td className="p-3 text-start tabular-nums">{d.parcelNum ?? "—"}</td>
+                <td className="p-3 text-start tabular-nums">{d.subParcelNum ?? "—"}</td>
                 <td className="p-3">
                   {d.deal_source ? (
                     <span