Task #731: details card square corners, attached to booking row, centered cell text

- Expanded booking details in protocol.tsx: TableCell padding p-3 → p-0 so
  the card attaches directly to the booking row with no gap.
- Card container: removed rounded-lg and side border; now border-b
  border-slate-400 only — square corners, flush with table edges.
- Details TableRow gets border-b-0 to avoid a double bottom separator with
  the inner border (architect review fix).
- Grid detail cells (مقدم الطلب، الإدارة، الهاتف...) now text-center for
  both label and value; meeting-name header also centered for consistency.
- UI-only; tsc --noEmit clean.
This commit is contained in:
Replit Agent
2026-07-09 08:58:54 +00:00
parent ac9af6d065
commit 1b23d3a8e3
+5 -5
View File
@@ -1218,10 +1218,10 @@ export default function ProtocolPage() {
</TableCell> </TableCell>
</TableRow> </TableRow>
{expanded && ( {expanded && (
<TableRow key={`${b.id}-details`} className="bg-slate-50/80"> <TableRow key={`${b.id}-details`} className="border-b-0 bg-slate-50/80">
<TableCell colSpan={detailColSpan} className="p-3"> <TableCell colSpan={detailColSpan} className="p-0">
<div className="overflow-hidden rounded-lg border border-slate-400 bg-white"> <div className="overflow-hidden border-b border-slate-400 bg-white">
<div className="border-b border-slate-300 bg-slate-50 px-4 py-2.5"> <div className="border-b border-slate-300 bg-slate-50 px-4 py-2.5 text-center">
<span className="text-[11px] text-slate-400"> <span className="text-[11px] text-slate-400">
{t("protocol.bookings.table.title")} {t("protocol.bookings.table.title")}
</span> </span>
@@ -1267,7 +1267,7 @@ export default function ProtocolPage() {
).map(([label, value], i) => ( ).map(([label, value], i) => (
<div <div
key={i} key={i}
className="border-b border-slate-300 px-4 py-2" className="border-b border-slate-300 px-4 py-2 text-center"
> >
<div className="text-[11px] text-slate-400"> <div className="text-[11px] text-slate-400">
{label} {label}