diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx index 863d657799..16516c9204 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx @@ -46,15 +46,9 @@ export const StyledContentList = styled('ol')(({ theme }) => ({ '& > li + li': { borderTop: `1px solid ${theme.palette.divider}`, }, - '&:not(li > &) > li:first-of-type': { - // select first list elements in lists that are not directly nested - // within other lists. + '& > li:first-of-type': { paddingTop: theme.spacing(1), }, - '& > li:has(> ol)': { - // nested lists add their own padding to their list items, so we don't want to double it up. - paddingBlock: 0, - }, })); const releasePlanBackground = (theme: Theme) => @@ -80,12 +74,11 @@ const AlertContainer = styled('div')(({ theme }) => ({ }, })); -const StyledStrategySeparator = styled(StrategySeparator)(({ theme }) => ({ - [`&:has(+ *:not(ol) .${disabledStrategyClassName}), &:has(+ ol > li:first-of-type .${disabledStrategyClassName})`]: - { - filter: 'grayscale(1)', - }, -})); +const StyledStrategySeparator = styled(StrategySeparator)({ + [`&:has(+ * .${disabledStrategyClassName})`]: { + filter: 'grayscale(1)', + }, +}); export const EnvironmentAccordionBody = ({ featureEnvironment, @@ -255,7 +248,9 @@ export const EnvironmentAccordionBody = ({ <> {page.map((strategy, index) => ( - {index > 0 ? : null} + {index > 0 || releasePlans.length > 0 ? ( + + ) : null} {strategies.map((strategy, index) => ( - {index > 0 ? : null} + {index > 0 || releasePlans.length > 0 ? ( + + ) : null}