Fix booking field inside campsite’s page on mobile

This commit is contained in:
jordi fita mas 2024-02-03 00:29:37 +01:00
parent 4c4b9d8d02
commit 63e33fa253
1 changed files with 21 additions and 11 deletions

View File

@ -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;