mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-11-22 16:02:54 +03:00
Fixed responsive display for mobile devices.
This commit is contained in:
parent
9918631c0f
commit
7cdccf1d27
3 changed files with 245 additions and 205 deletions
|
@ -76,8 +76,13 @@
|
|||
}
|
||||
|
||||
@media(max-width: 640px) {
|
||||
body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#message-frame {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
|
|
@ -257,7 +257,7 @@ body {
|
|||
#main {
|
||||
min-height: 100%;
|
||||
display: block; /* reset display */
|
||||
padding: 0;
|
||||
padding: 5vw;
|
||||
}
|
||||
|
||||
#main .wrapper {
|
||||
|
@ -303,6 +303,9 @@ body {
|
|||
|
||||
#book-appointment-wizard .wizard-frame .command-buttons #button-next-1 {
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#book-appointment-wizard .wizard-frame #select-date {
|
||||
|
@ -381,3 +384,35 @@ body {
|
|||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:480px) {
|
||||
body {
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
|
||||
#main {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#main .wrapper {
|
||||
width: 100vw;
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#book-appointment-wizard {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#book-appointment-wizard .captcha-title {
|
||||
margin: 7px 0 10px 0
|
||||
}
|
||||
|
||||
#book-appointment-wizard .captcha-image {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#book-appointment-wizard #frame-footer {
|
||||
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue