mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-11-29 11:23:10 +03:00
Corrected responsive display of booking success and messages on viewports that have long height and small width.
This commit is contained in:
parent
51e69a097f
commit
810920d868
1 changed files with 5 additions and 3 deletions
|
@ -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%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue