From fc2c3cc38e8dfd88f2554e3ae85e35fa1325b165 Mon Sep 17 00:00:00 2001
From: Riyadh <dev@tx.local>
Date: Mon, 18 May 2026 12:54:49 +0000
Subject: [PATCH] Rearrange header clock to display time vertically below date
 and weekday

Update the header clock component to a vertical layout, displaying weekday, date, and then time.
---
 .../tx-os/src/pages/executive-meetings.tsx    | 21 +++++++------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/artifacts/tx-os/src/pages/executive-meetings.tsx b/artifacts/tx-os/src/pages/executive-meetings.tsx
index 0bba06bd..563e50d1 100644
--- a/artifacts/tx-os/src/pages/executive-meetings.tsx
+++ b/artifacts/tx-os/src/pages/executive-meetings.tsx
@@ -799,23 +799,18 @@ function HeaderClock({ lang, date }: { lang: "ar" | "en"; date: string }) {
   });
   return (
     <div
-      className="flex items-center gap-1.5 sm:gap-3 print:hidden"
+      className="flex flex-col items-end leading-tight print:hidden"
       data-testid="em-header-clock"
       aria-live="off"
     >
-      <div
-        className="text-[#0B1E3F] font-semibold text-sm sm:text-base tabular-nums"
-        data-testid="em-header-time"
-      >
-        {time}
+      <div className="text-[#0B1E3F] font-semibold text-sm sm:text-base" data-testid="em-header-weekday">
+        {formatWeekday(date, lang, "long")}
       </div>
-      <div className="leading-tight">
-        <div className="text-[#0B1E3F] font-semibold text-sm sm:text-base" data-testid="em-header-weekday">
-          {formatWeekday(date, lang, "long")}
-        </div>
-        <div className="text-xs sm:text-sm text-muted-foreground tabular-nums" data-testid="em-header-date">
-          {formatDate(date, lang)}
-        </div>
+      <div className="text-xs sm:text-sm text-muted-foreground tabular-nums" data-testid="em-header-date">
+        {formatDate(date, lang)}
+      </div>
+      <div className="text-xs sm:text-sm text-[#0B1E3F] font-semibold tabular-nums" data-testid="em-header-time">
+        {time}
       </div>
     </div>
   );