github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-08-20 13:23:24 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Adjust button bar on mobile layout

Browse source
This commit is contained in:
JonnyWong16 2021-04-02 20:21:28 -07:00
commit dfb2853dc5
No known key found for this signature in database
GPG key ID: B1F1F9807184697A
1 changed files with 23 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

28
data/interfaces/default/css/tautulli.css
View file

@ -3332,29 +3332,45 @@ pre::-webkit-scrollbar-thumb {
.button-bar {
float: left !important;
clear: both;
margin-top: 15px;
margin-top: 5px;
}
.button-bar > div,
.button-bar > button,
.button-bar > span {
float: left !important;
clear: both !important;
margin-bottom: 10px;
margin-top: 10px;
}
.button-bar > div > button.btn {
float: left !important;
clear: both !important;
}
.home-padded-header .button-bar {
margin-top: 10px;
margin-top: 0;
margin-bottom: 15px;
}
}
@media only screen
and (min-width: 740px)
and (max-width: 1024px) {
and (max-width: 1280px) {
.header-bar {
display: block;
float: none !important;
}
.button-bar {
float: right !important;
float: left !important;
clear: both;
margin-top: 5px;
}
.button-bar .btn-group,
.button-bar > button.btn {
margin-right: 3px;
}
.button-bar > div,
.button-bar > button,
.button-bar > span {
float: left !important;
margin-top: 10px;
}
.button-bar > div > button.btn {
float: left !important;
@ -3362,6 +3378,8 @@ pre::-webkit-scrollbar-thumb {
}
.home-padded-header .button-bar {
float: left !important;
margin-top: 0;
margin-bottom: 15px;
}
}
#search_form {