mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
align scroller items with heading
This commit is contained in:
parent
9c47f8fc1c
commit
6ad9e090f6
2 changed files with 5 additions and 15 deletions
|
@ -32,18 +32,6 @@ button {
|
||||||
|
|
||||||
.itemsContainer {
|
.itemsContainer {
|
||||||
display: flex;
|
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 {
|
.vertical-list {
|
||||||
|
@ -363,9 +351,6 @@ button {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
/*display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.textActionButton:hover {
|
.textActionButton:hover {
|
||||||
|
|
|
@ -7,6 +7,11 @@
|
||||||
margin-right: 3.3%;
|
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) {
|
@media all and (max-width:50em) {
|
||||||
.emby-scroller {
|
.emby-scroller {
|
||||||
padding-left: 3.3%;
|
padding-left: 3.3%;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue