Corrected responsive display of booking success and messages on viewports that have long height and small width.

This commit is contained in:
Alex Tselegidis 2016-01-14 23:43:29 +01:00
parent 51e69a097f
commit 810920d868

View file

@ -360,7 +360,7 @@ body {
#message-frame, #message-frame,
#success-frame { #success-frame {
text-align: center; text-align: center;
height: 100%; height: auto;
border: none; border: none;
padding: 35px; padding: 35px;
} }
@ -376,6 +376,7 @@ body {
#success-frame .btn { #success-frame .btn {
margin-bottom: 10px; margin-bottom: 10px;
width: 80%; width: 80%;
max-width: 250px;
} }
/** /**
@ -417,7 +418,8 @@ body {
float: left; float: left;
} }
#book-appointment-wizard #frame-footer { #message-frame,
#success-frame {
height: 100%;
} }
} }