Fix booking field inside campsite’s page on mobile

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;