tandem
/
camper
2
0
Fork 0
Code Issues 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

32
web/static/public.css
View File

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