github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-08-20 21:33:18 -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 { .button-bar {
float: left !important; float: left !important;
clear: both; clear: both;
margin-top: 15px; margin-top: 5px;
} }
.button-bar > div, .button-bar > div,
.button-bar > button, .button-bar > button,
.button-bar > span { .button-bar > span {
float: left !important; float: left !important;
clear: both !important; clear: both !important;
margin-bottom: 10px; margin-top: 10px;
} }
.button-bar > div > button.btn { .button-bar > div > button.btn {
float: left !important; float: left !important;
clear: both !important; clear: both !important;
} }
.home-padded-header .button-bar { .home-padded-header .button-bar {
margin-top: 10px; margin-top: 0;
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
@media only screen @media only screen
and (min-width: 740px) and (min-width: 740px)
and (max-width: 1024px) { and (max-width: 1280px) {
.header-bar {
display: block;
float: none !important;
}
.button-bar { .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 { .button-bar > div > button.btn {
float: left !important; float: left !important;
@ -3362,6 +3378,8 @@ pre::-webkit-scrollbar-thumb {
} }
.home-padded-header .button-bar { .home-padded-header .button-bar {
float: left !important; float: left !important;
margin-top: 0;
margin-bottom: 15px;
} }
} }
#search_form { #search_form {