Fixed responsive display for mobile devices.

This commit is contained in:
Alex Tselegidis 2016-01-06 21:56:22 +01:00
parent 9918631c0f
commit 7cdccf1d27
3 changed files with 245 additions and 205 deletions

View file

@ -76,8 +76,13 @@
}
@media(max-width: 640px) {
body {
display: block;
}
#message-frame {
width: 100%;
height: 100%;
padding: 20px;
}

View file

@ -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 {
}
}