From 5c5f1ec7354e85a68e76acdbcbae0c8f44e1ccfd Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Thu, 13 Feb 2025 19:21:36 +0300
Subject: [PATCH] fix datetime card ui

---
 apps/web/components/schedule/datetime-card.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/components/schedule/datetime-card.tsx b/apps/web/components/schedule/datetime-card.tsx
index 413dd81..6ae7a8c 100644
--- a/apps/web/components/schedule/datetime-card.tsx
+++ b/apps/web/components/schedule/datetime-card.tsx
@@ -10,14 +10,14 @@ export function DateTimeCard({ documentId }: Readonly<SlotComponentProps>) {
   if (!slot) return null;
 
   return (
-    <div className="flex flex-col">
-      <span className="mb-2 tracking-wide">{formatDate(slot?.date).user()}</span>
-      <span className="mt-2 text-3xl font-bold tracking-wide">
+    <div className="flex flex-col gap-2">
+      <span className="mb-2 text-sm tracking-wide text-muted-foreground">
+        {formatDate(slot?.date).user()}
+      </span>
+      <span className="text-3xl font-bold tracking-wide">
         {formatTime(slot?.time_start).user()}
       </span>
-      <span className="mt-2 text-3xl font-bold tracking-wide">
-        {formatTime(slot?.time_end).user()}
-      </span>
+      <span className="text-3xl font-bold tracking-wide">{formatTime(slot?.time_end).user()}</span>
     </div>
   );
 }