From 59a504643780aa624e45e1900cc39702f0e2ad29 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Tue, 15 Sep 2026 22:54:14 +0200
Subject: [PATCH] fix(chatelet): stack the date pickers on narrow screens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Side by side at phone width the DatePicker's long-form date truncates
to "September 20t…"; one column below the sm breakpoint keeps the
full date readable.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 src/modules/chatelet/views/ChateletDetailPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/chatelet/views/ChateletDetailPage.vue b/src/modules/chatelet/views/ChateletDetailPage.vue
index cf9eea7..2000bdb 100644
--- a/src/modules/chatelet/views/ChateletDetailPage.vue
+++ b/src/modules/chatelet/views/ChateletDetailPage.vue
@@ -106,7 +106,7 @@ async function onCheck() {
 
       <Card>
         <CardContent class="p-4 space-y-3">
-          <div class="grid grid-cols-2 gap-3">
+          <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
             <div class="space-y-1 min-w-0">
               <Label>Check-in</Label>
               <DatePicker v-model="checkIn" :min="today" placeholder="Check-in" />