From 63e33fa253b61172e89e0e3c67a4b072ef14d90e Mon Sep 17 00:00:00 2001
From: jordi fita mas <jordi@tandem.blog>
Date: Sat, 3 Feb 2024 00:29:37 +0100
Subject: [PATCH] =?UTF-8?q?Fix=20booking=20field=20inside=20campsite?=
 =?UTF-8?q?=E2=80=99s=20page=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/static/public.css | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/web/static/public.css b/web/static/public.css
index 82e6224..46242c9 100644
--- a/web/static/public.css
+++ b/web/static/public.css
@@ -401,18 +401,18 @@ nav:last-of-type > ul > li:last-child {
         flex-direction: column;
         align-items: start;
     }
-    
+
     nav:last-of-type li {
-       width: 100%; 
+        width: 100%;
     }
-    
+
     nav:last-of-type a, nav:last-of-type button {
         width: 100%;
         height: 100%;
         display: block;
         text-align: left;
     }
-    
+
     .boto-reserva {
         height: unset;
     }
@@ -802,7 +802,7 @@ dt {
     .outside_activities h3 {
         margin-bottom: 5rem;
     }
-   
+
     .outside_activities > ul {
         gap: 5rem;
     }
@@ -855,14 +855,12 @@ dt {
     gap: 5rem;
 }
 
-@media (max-width: 48rem) {
-    .campsite_type_booking {
-        flex-direction: column;
-    }
+.campsite_type_booking fieldset {
+    flex: 1;
 }
 
-.campsite_type_booking fieldset, .campsite_type_booking footer {
-    flex: 1;
+.campsite_type_booking footer {
+    flex: .5;
 }
 
 .campsite_type_booking {
@@ -909,6 +907,18 @@ dt {
     border-radius: .6rem;
 }
 
+@media (max-width: 48rem) {
+    .campsite_type_booking,
+    .campsite_type_booking fieldset {
+        flex-direction: column;
+    }
+
+    .campsite_type_booking footer {
+        margin-top: 0;
+    }
+}
+
+
 .campsite_type_calendar_prices {
     display: flex;
     flex-direction: row-reverse;