diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index b7bf1a2..b3392c9 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -1756,46 +1756,6 @@ progress+span { flex-direction: column-reverse; } -.itemDetailsGroup { - outline: none; - overflow: hidden; - margin-top: 1em; - border-radius: var(--smallRadius); - background-color: var(--lighterGradientPointAlpha); - border: none; - box-shadow: inset 0 0 0 .06em var(--borderColor) !important; -} - -.detailsGroupItem { - margin: 0 !important; - justify-content: space-between; - padding: .5em .9em; - align-items: baseline; -} - -.detailsGroupItem:not(:last-child) { - border-bottom: var(--defaultBorder); -} - -.detailsGroupItem>.label { - font-weight: 600; - flex-basis: 6em; -} - -.detailsGroupItem>.content>a { - font-weight: 400; - text-align: end; -} - -.detailsGroupItem>.content { - text-align: end; - color: var(--dimTextColor); -} - -.detailsGroupItem>.label { - color: var(--textColor); -} - .itemExternalLinks { color: var(--textColor); } @@ -2615,6 +2575,7 @@ div[data-role=controlgroup] a.ui-btn-active { column-gap: 3em; max-width: unset !important; grid-template-columns: 1fr 1fr 1fr 1fr; + margin-bottom: 1.5em; } .layout-mobile .detailSection { @@ -2636,6 +2597,10 @@ div[data-role=controlgroup] a.ui-btn-active { background-color: var(--lighterGradientPointAlpha); } +.layout-mobile .trackSelections{ + margin-top: 0; +} + .layout-tv .trackSelections { order: 2; } @@ -2686,11 +2651,6 @@ div[data-role=controlgroup] a.ui-btn-active { background-image: url('data:image/svg+xml,'); } -.detailSectionContent { - order: 1; - grid-column: 1 / -1; -} - .detailSectionContent a:not(.overview-expand) { text-align: start; } @@ -2701,16 +2661,54 @@ div[data-role=controlgroup] a.ui-btn-active { } .itemDetailsGroup { + outline: none; + overflow: hidden; + margin-top: 1em; + border-radius: var(--smallRadius); + background-color: var(--lighterGradientPointAlpha); + border: none; + box-shadow: inset 0 0 0 .06em var(--borderColor) !important; order: 2; grid-column: 1 / 3; } -.layout-tv .itemDetailsGroup { - order: 2; +.layout-mobile .itemDetailsGroup{ + margin-top: 0; } -.trackSelections.hide~.recordingFields.hide~.itemDetailsGroup { - grid-column: 1 / -1; +.detailsGroupItem { + margin: 0 !important; + justify-content: space-between; + padding: .5em .9em; + align-items: baseline; +} + +.detailsGroupItem:not(:last-child) { + border-bottom: var(--defaultBorder); +} + +.detailsGroupItem>.label { + font-weight: 600; + flex-basis: 6em; +} + +.detailsGroupItem>.content>a { + font-weight: 400; + text-align: end; +} + +.detailsGroupItem>.content { + text-align: end; + color: var(--dimTextColor); +} + +.detailsGroupItem>.label { + color: var(--textColor); +} + + +.layout-tv .itemDetailsGroup { + order: 2; } .detailSection>.nextUpSection { @@ -2723,7 +2721,13 @@ div[data-role=controlgroup] a.ui-btn-active { grid-column: 2 / -1; } -.nextUpSection.hide~#listChildrenCollapsible { +.detailSectionContent { + order: 1; + grid-column: 1 / -1; +} + +.nextUpSection.hide~#listChildrenCollapsible, +.trackSelections.hide~.recordingFields.hide~.itemDetailsGroup { grid-column: 1 / -1; }