diff --git a/andromeda.css b/andromeda.css index 1f8f3fd..a56e765 100644 --- a/andromeda.css +++ b/andromeda.css @@ -90,6 +90,7 @@ div:has(> div > .emby-scroller-container) { /* ============================== */ /* Homepage /* ============================== */ +/* Center sections on desktop */ .layout-desktop .sections > div { margin-left: auto; margin-right: auto; @@ -97,6 +98,18 @@ 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; +} /* ============================== */ /* Media detail page @@ -188,8 +201,8 @@ div:has(> div > .emby-scroller-container) { /* Add padding to titles on mobile */ .layout-mobile .nameContainer > * { - padding-left: max(env(safe-area-inset-left),3.3%) !important; - padding-right: max(env(safe-area-inset-left),3.3%) !important; + padding-left: 5% !important; + padding-right: 5% !important; } /* Media title */ @@ -225,15 +238,10 @@ div:has(> div > .emby-scroller-container) { place-items: center; gap: 1em; font-size: larger; - overflow: hidden; -} -/* Hide characters left by moving around season title */ -.layout-desktop .nameContainer h3.itemName.infoText.subtitle bdi { + /* Hide characters left by moving around season title */ text-indent: -1ch; -} -.layout-mobile .nameContainer h3.itemName.infoText.subtitle bdi { - text-indent: -1.5ch; + overflow: hidden; } /* Season title */ @@ -269,12 +277,17 @@ div:has(> div > .emby-scroller-container) { background: rgba(0,0,0,0); } .layout-desktop .detailPageContent { - padding: unset !important; - width: 75%; margin-left: auto; margin-right: auto; } +.layout-mobile .detailPageContent > div > * { + padding-left: 5% !important; + padding-right: 5% !important; +} +.detailPageContent { + padding: unset !important; +} /* Disable right padding */ .layout-desktop .detailPageContent .padded-right {