diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 072b228..c5413e7 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -2560,7 +2560,7 @@ div[data-role=controlgroup] a.ui-btn-active { row-gap: 1em; column-gap: 3em; max-width: unset !important; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; } .layout-mobile .detailSection { @@ -2582,7 +2582,7 @@ div[data-role=controlgroup] a.ui-btn-active { border: var(--defaultBorder); border-radius: var(--smallRadius); padding: 1em; - grid-column: 2; + grid-column: 3 / 5; background-color: var(--lighterGradientPointAlpha); } @@ -2648,7 +2648,7 @@ div[data-role=controlgroup] a.ui-btn-active { .itemDetailsGroup { order: 2; - grid-column: 1; + grid-column: 1 / 3; } .layout-tv .itemDetailsGroup { @@ -2659,12 +2659,30 @@ div[data-role=controlgroup] a.ui-btn-active { grid-column: 1 / -1; } +.detailSection>.nextUpSection { + order: 5; + grid-column: 1; +} + +.detailSection>#listChildrenCollapsible { + order: 6; + grid-column: 2 / -1; +} + +.nextUpSection.hide~#listChildrenCollapsible { + grid-column: 1 / -1; +} + .layout-mobile .trackSelections, .layout-mobile .detailSectionContent, .layout-mobile .itemDetailsGroup, +.layout-mobile .nextUpSection, +.layout-mobile .detailSection>#listChildrenCollapsible, .layout-tv .trackSelections, .layout-tv .detailSectionContent, -.layout-tv .itemDetailsGroup { +.layout-tv .itemDetailsGroup, +.layout-tv .nextUpSection, +.layout-tv .detailSection>#listChildrenCollapsible { grid-column: 1 / -1; }