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:
@@ -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-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>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@@ -50,7 +50,7 @@ export function AppraisalsTable({ decisions, totalInDb }: Props) {
|
|||||||
<td className="p-3 max-w-md">
|
<td className="p-3 max-w-md">
|
||||||
<span className="line-clamp-2">{d.appraisal_header || "—"}</span>
|
<span className="line-clamp-2">{d.appraisal_header || "—"}</span>
|
||||||
</td>
|
</td>
|
||||||
<td className="p-3 text-end whitespace-nowrap">
|
<td className="p-3 text-start whitespace-nowrap">
|
||||||
{d.pdf_url ? (
|
{d.pdf_url ? (
|
||||||
<div className="flex justify-end gap-1">
|
<div className="flex justify-end gap-1">
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
@@ -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-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-start 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-end 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-start 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-end 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-start 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>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</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 whitespace-nowrap">{formatDate(d.deal_date)}</td>
|
||||||
<td className="p-3">{address || "—"}</td>
|
<td className="p-3">{address || "—"}</td>
|
||||||
<td className="p-3">{d.property_type_description || "—"}</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-start tabular-nums">{d.rooms ?? "—"}</td>
|
||||||
<td className="p-3 text-end tabular-nums">{d.floor ?? "—"}</td>
|
<td className="p-3 text-start tabular-nums">{d.floor ?? "—"}</td>
|
||||||
<td className="p-3 text-end tabular-nums">{formatNumber(d.asset_area)}</td>
|
<td className="p-3 text-start tabular-nums">{formatNumber(d.asset_area)}</td>
|
||||||
<td className="p-3 text-end tabular-nums">
|
<td className="p-3 text-start tabular-nums">
|
||||||
{formatCurrencyILS(d.deal_amount)}
|
{formatCurrencyILS(d.deal_amount)}
|
||||||
</td>
|
</td>
|
||||||
<td className="p-3 text-end tabular-nums">
|
<td className="p-3 text-start tabular-nums">
|
||||||
{formatCurrencyILS(d.price_per_sqm)}
|
{formatCurrencyILS(d.price_per_sqm)}
|
||||||
</td>
|
</td>
|
||||||
<td className="p-3 text-end tabular-nums">{d.gushNum ?? "—"}</td>
|
<td className="p-3 text-start tabular-nums">{d.gushNum ?? "—"}</td>
|
||||||
<td className="p-3 text-end tabular-nums">{d.parcelNum ?? "—"}</td>
|
<td className="p-3 text-start 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.subParcelNum ?? "—"}</td>
|
||||||
<td className="p-3">
|
<td className="p-3">
|
||||||
{d.deal_source ? (
|
{d.deal_source ? (
|
||||||
<span
|
<span
|
||||||
|
|||||||
Reference in New Issue
Block a user