fix(ui): align numeric table columns to the right in RTL

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>
This commit is contained in:
2026-04-25 16:40:36 +00:00
parent 291ca59d0b
commit 73f41758a6
2 changed files with 18 additions and 18 deletions
+2 -2
View File
@@ -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
+16 -16
View File
@@ -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