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

Fix button layout on mobile site

Browse source
This commit is contained in:
JonnyWong16 2018-02-19 08:39:27 -08:00
commit 36ff1fb674
3 changed files with 87 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

41
data/interfaces/default/css/plexpy.css
View file

@ -2395,6 +2395,9 @@ a .library-user-instance-box:hover {
margin-top: 9px;
width: 175px;
}
.home-padded-header .button-bar {
float: left;
}
.home-platforms {
}
.home-platforms ul,
@ -3315,6 +3318,44 @@ pre::-webkit-scrollbar-thumb {
.dashboard-stats-instance {
width: 100%;
}
.header-bar {
display: block;
float: none !important;
}
.button-bar {
float: left !important;
clear: both;
margin-top: 15px;
}
.button-bar > div,
.button-bar > button,
.button-bar > span {
float: left !important;
clear: both !important;
margin-bottom: 10px;
}
.button-bar > div > button.btn {
float: left !important;
clear: both !important;
}
.home-padded-header .button-bar {
margin-top: 10px;
margin-bottom: 15px;
}
}
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1024px) {
.button-bar {
float: right !important;
}
.button-bar > div > button.btn {
float: left !important;
clear: both !important;
}
.home-padded-header .button-bar {
float: left !important;
}
}
#search_form {
width: 300px;