Scroll Settings Save Buttons with the screen for larger screens.
Moved mobile CSS to bottom of file.
This commit is contained in:
parent
b0d45e226c
commit
39c095b023
|
@ -46,29 +46,6 @@ td:last-child, th:last-child {
|
|||
display: inline !important;
|
||||
}
|
||||
|
||||
/* Smartphones (portrait and landscape) ----------- */
|
||||
@media only screen
|
||||
and (min-device-width : 320px)
|
||||
and (max-device-width : 480px) {
|
||||
footer {
|
||||
position: relative;
|
||||
clear: both;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#dictionaryContainer {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
#formLockButton {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#showFullScreenTextbox {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#leftColumn {
|
||||
float: left;
|
||||
}
|
||||
|
@ -407,9 +384,12 @@ searchTerm {
|
|||
clear: both;
|
||||
}
|
||||
#settingsSaveButtons {
|
||||
position: fixed;
|
||||
right: 10%;
|
||||
bottom: 8%;
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.settingsCol {
|
||||
|
@ -420,3 +400,34 @@ searchTerm {
|
|||
max-width: 400px;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
|
||||
/* Smartphones (portrait and landscape) ----------- */
|
||||
@media only screen
|
||||
and (min-device-width : 320px)
|
||||
and (max-device-width : 480px) {
|
||||
footer {
|
||||
position: relative;
|
||||
clear: both;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#dictionaryContainer {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
#formLockButton {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#showFullScreenTextbox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#settingsSaveButtons {
|
||||
position: relative;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue