Scroll Settings Save Buttons with the screen for larger screens.

Moved mobile CSS to bottom of file.
This commit is contained in:
Robbie Antenesse 2016-02-27 12:58:10 -07:00
parent b0d45e226c
commit 39c095b023
1 changed files with 36 additions and 25 deletions

View File

@ -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%;
}
}