From cfd9240a25695f5f0dfdc1f651b3a5168eee86b3 Mon Sep 17 00:00:00 2001
From: Riyadh <dev@tx.local>
Date: Sun, 3 May 2026 10:00:45 +0000
Subject: [PATCH] Update meeting form layout and Arabic title label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refactor executive meetings form layout in `executive-meetings.tsx` to use a responsive grid, ensuring the Arabic title spans full width and other fields stack appropriately on smaller screens. Update Arabic and English locale files (`ar.json`, `en.json`) to change the Arabic title field label from "العنوان (عربي)" to "العنوان".
---
 artifacts/tx-os/src/locales/ar.json              |  2 +-
 artifacts/tx-os/src/locales/en.json              |  2 +-
 artifacts/tx-os/src/pages/executive-meetings.tsx | 10 +++++++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/artifacts/tx-os/src/locales/ar.json b/artifacts/tx-os/src/locales/ar.json
index 6fcc5b78..7c23156f 100644
--- a/artifacts/tx-os/src/locales/ar.json
+++ b/artifacts/tx-os/src/locales/ar.json
@@ -1256,7 +1256,7 @@
       "deleteConfirm": "حذف هذا الاجتماع نهائياً؟",
       "noMeetings": "لا توجد اجتماعات لهذا اليوم. اضغط \"إضافة اجتماع\" لإنشاء واحد.",
       "field": {
-        "titleAr": "العنوان (عربي)",
+        "titleAr": "العنوان",
         "titleEn": "العنوان (إنجليزي)",
         "meetingDate": "التاريخ",
         "dailyNumber": "الرقم اليومي",
diff --git a/artifacts/tx-os/src/locales/en.json b/artifacts/tx-os/src/locales/en.json
index 4ba1ea67..26b31164 100644
--- a/artifacts/tx-os/src/locales/en.json
+++ b/artifacts/tx-os/src/locales/en.json
@@ -1122,7 +1122,7 @@
       "deleteConfirm": "Permanently delete this meeting?",
       "noMeetings": "No meetings on this day. Click \"Add meeting\" to create one.",
       "field": {
-        "titleAr": "Title (Arabic)",
+        "titleAr": "Title",
         "titleEn": "Title (English)",
         "meetingDate": "Date",
         "dailyNumber": "Daily number",
diff --git a/artifacts/tx-os/src/pages/executive-meetings.tsx b/artifacts/tx-os/src/pages/executive-meetings.tsx
index 2e06986a..7851027e 100644
--- a/artifacts/tx-os/src/pages/executive-meetings.tsx
+++ b/artifacts/tx-os/src/pages/executive-meetings.tsx
@@ -5407,8 +5407,16 @@ function MeetingFormDialog({
               : t("executiveMeetings.manage.editMeeting")}
           </DialogTitle>
         </DialogHeader>
+        {/* #322 polish: arrange the trimmed form into a tidy grid that
+            avoids dangling cells. Title spans full width on every
+            breakpoint so it gets enough room. Date + daily number sit
+            on one row on tablet/desktop, then start + end times share
+            the next row. On mobile each field stacks. */}
         <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
-          <FormRow label={t("executiveMeetings.manage.field.titleAr")}>
+          <FormRow
+            label={t("executiveMeetings.manage.field.titleAr")}
+            full
+          >
             <Input
               value={state.titleAr}
               onChange={(e) => update("titleAr", e.target.value)}