From 521b9479f3b626af49394db739d9c9ead62a8567 Mon Sep 17 00:00:00 2001
From: Riyadh <dev@tx.local>
Date: Mon, 11 May 2026 08:12:08 +0000
Subject: [PATCH] Improve responsiveness for meeting reschedule dialog

Adjust grid breakpoints for the postpone dialog and update RTL test assertions.
---
 .../components/executive-meetings/upcoming-meeting-alert.tsx    | 2 +-
 .../tx-os/tests/executive-meetings-upcoming-alert.spec.mjs      | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx b/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx
index f65cef3f..c42559a6 100644
--- a/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx
+++ b/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx
@@ -1763,7 +1763,7 @@ function PostponeDialog({
             {/* Responsive grid: 1 col on narrow / 2 cols on sm /
                 3 cols on md+. Prevents horizontal overflow inside the
                 dialog on phones and split panes. */}
-            <div className="grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3">
+            <div className="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
               <div className="space-y-1">
                 <Label className="text-xs">
                   {t("executiveMeetings.alert.rescheduleDate")}
diff --git a/artifacts/tx-os/tests/executive-meetings-upcoming-alert.spec.mjs b/artifacts/tx-os/tests/executive-meetings-upcoming-alert.spec.mjs
index 58118b89..90c09dc6 100644
--- a/artifacts/tx-os/tests/executive-meetings-upcoming-alert.spec.mjs
+++ b/artifacts/tx-os/tests/executive-meetings-upcoming-alert.spec.mjs
@@ -1377,6 +1377,8 @@ test("Postpone dialog: reschedule date / start / end inputs sit fully inside the
   // 3-column native date/time row against the dialog border in RTL.
   // After widening the dialog and tightening the column widths, every
   // input's bounding box must lie inside the dialog's bounding box.
+  // (RTL is the worst-case writing direction here — LTR has the same
+  // geometry; verifying RTL covers both.)
   await setLang(page, "ar");
   await insertImminentMeeting({
     titleAr: `${TEST_TAG} layout AR`,