align scroller items with heading

This commit is contained in:
dkanada 2019-11-12 00:23:27 +09:00
parent 9c47f8fc1c
commit 6ad9e090f6
2 changed files with 5 additions and 15 deletions

View File

@ -32,18 +32,6 @@ button {
.itemsContainer {
display: flex;
margin-left: -0.6em;
margin-right: -0.6em;
}
/* TODO replace this with a proper fix */
/* doesnt work on mobile devices */
/* negative margin fixes annoying misalignment with cards and title */
@media all and (max-width:50em) {
.itemsContainer {
margin-left: 0;
margin-right: 0;
}
}
.vertical-list {
@ -363,9 +351,6 @@ button {
vertical-align: middle;
font-family: inherit;
font-size: inherit;
/*display: flex;
align-items: center;
justify-content: center;*/
}
.textActionButton:hover {

View File

@ -7,6 +7,11 @@
margin-right: 3.3%;
}
/* align first card in scroller to heading */
.emby-scroller .card:first-of-type > .cardBox {
margin-left: 0;
}
@media all and (max-width:50em) {
.emby-scroller {
padding-left: 3.3%;