From c63f0f21090e9398ba5a44511433801324d2e53c Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Fri, 24 Apr 2026 14:50:46 -0300
Subject: [PATCH] feat: update public booking page layout for improved
 responsiveness

---
 .../features/public-booking/public-booking-page.tsx    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/src/features/public-booking/public-booking-page.tsx b/apps/frontend/src/features/public-booking/public-booking-page.tsx
index e14e14a..6bc4ffe 100644
--- a/apps/frontend/src/features/public-booking/public-booking-page.tsx
+++ b/apps/frontend/src/features/public-booking/public-booking-page.tsx
@@ -461,8 +461,8 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
               </p>
             </div>
 
-            <div className="grid gap-3 sm:grid-cols-2">
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+            <div className="hidden gap-3 sm:grid sm:grid-cols-2">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">
                   Fecha elegida
                 </p>
@@ -470,13 +470,13 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
                   {selectedDateLabel}
                 </p>
               </div>
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">Deporte</p>
                 <p className="mt-2 text-sm font-medium text-foreground">
                   {selectedSportLabel ?? 'Sin selección'}
                 </p>
               </div>
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">
                   Canchas visibles
                 </p>
@@ -484,7 +484,7 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
                   {visibleCourts.length} disponibles
                 </p>
               </div>
-              <div className="rounded-2xl border border-border/70 bg-background p-4">
+              <div className="hidden sm:block rounded-2xl border border-border/70 bg-background p-4">
                 <p className="text-xs uppercase tracking-[0.24em] text-muted-foreground">Estado</p>
                 <p className="mt-2 text-sm font-medium text-foreground">
                   {selectedSlot ? 'Turno listo para confirmar' : 'Elegí un horario'}