diff --git a/andromeda.css b/andromeda.css index a56e765..5d384cd 100644 --- a/andromeda.css +++ b/andromeda.css @@ -98,17 +98,16 @@ div:has(> div > .emby-scroller-container) { padding-left: unset !important; padding-right: unset !important; } + /* Match padding to other pages on mobile */ .layout-mobile .verticalSection > * { padding-left: 5% !important; padding-right: 5% !important; } -.layout-mobile .itemsContainer { - display: flex; - gap: 1em; -} -.layout-mobile .itemsContainer > * { - margin: unset !important; + +/* Remove margin in favour of flex gap */ +.itemsContainer > * { + margin: unset !important; } /* ============================== */ @@ -350,17 +349,17 @@ div:has(> div > .emby-scroller-container) { /* List of seasons */ /* Replace margin with gap */ -.layout-desktop .itemsContainer { +.itemsContainer { + display: flex; gap: 1.2em; } -.layout-desktop .itemsContainer > .card > .cardBox { +.itemsContainer > .card > .cardBox { margin-right: unset !important; } - -.layout-desktop .itemsContainer.padded-right:not(.padded-left) { +.itemsContainer.padded-right:not(.padded-left) { padding: unset !important; /* Remove right padding if left padding is not present */ } -.layout-desktop .itemsContainer.vertical-wrap { +.itemsContainer.vertical-wrap { justify-content: center; /* Only center if wrapping is enabled */ }