tandem/camper
tandem
/
camper
2
0
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/static/public.css
View File

@ -855,14 +855,12 @@ dt {
gap: 5rem; gap: 5rem;
} }
@media (max-width: 48rem) { .campsite_type_booking fieldset {
.campsite_type_booking { flex: 1;
flex-direction: column;
}
} }
.campsite_type_booking fieldset, .campsite_type_booking footer { .campsite_type_booking footer {
flex: 1; flex: .5;
} }
.campsite_type_booking { .campsite_type_booking {
@ -909,6 +907,18 @@ dt {
border-radius: .6rem; 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 { .campsite_type_calendar_prices {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;