From aa0e608a4a4cfdedaf9ac8d557e7cd0429b62ef7 Mon Sep 17 00:00:00 2001 From: Chaim Date: Sat, 11 Apr 2026 18:34:09 +0000 Subject: [PATCH] Fix RTL alignment in DocumentsPanel Force the title + meta column to the inline-start (visual right in RTL) and the doc_type badge to the inline-end (visual left). The previous layout used justify-between with an ambient dir="rtl" inherited from , but the Radix ScrollArea Viewport was eating the direction context and flipping the row to LTR. Fix: set dir="rtl" explicitly on both ScrollArea and the inner ul, drop justify-between, and use ms-auto on the badge so it grows its inline-start margin regardless of ambient direction. Title column gets an explicit text-right for good measure. Co-Authored-By: Claude Opus 4.6 (1M context) --- web-ui/src/components/cases/documents-panel.tsx | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/web-ui/src/components/cases/documents-panel.tsx b/web-ui/src/components/cases/documents-panel.tsx index 7695c05..4321529 100644 --- a/web-ui/src/components/cases/documents-panel.tsx +++ b/web-ui/src/components/cases/documents-panel.tsx @@ -70,8 +70,8 @@ export function DocumentsPanel({ data }: { data?: CaseDetail }) { } return ( - -
    + +
      {docs.map((doc) => { const displayName = doc.title || filenameFromPath(doc.file_path); const statusDone = @@ -80,9 +80,10 @@ export function DocumentsPanel({ data }: { data?: CaseDetail }) { return (
    • -
      + {/* Title + meta — flex-1 keeps it glued to the start (right in RTL) */} +
      {displayName}
      @@ -98,10 +99,11 @@ export function DocumentsPanel({ data }: { data?: CaseDetail }) { )}
      + {/* Type badge — ms-auto forces it to the inline-end (= left in RTL) */} {doc.doc_type && ( {doctypeLabel(doc.doc_type)}