diff --git a/awx/ui/src/components/DetailList/DetailList.js b/awx/ui/src/components/DetailList/DetailList.js index 78bc160f64..dceaa1cba9 100644 --- a/awx/ui/src/components/DetailList/DetailList.js +++ b/awx/ui/src/components/DetailList/DetailList.js @@ -29,4 +29,8 @@ export default styled(DetailList)` --column-count: 3; } `} + + & + & { + margin-top: 20px; + } `; diff --git a/awx/ui/src/components/Schedule/ScheduleDetail/FrequencyDetails.js b/awx/ui/src/components/Schedule/ScheduleDetail/FrequencyDetails.js index 48f55601ed..4bde844499 100644 --- a/awx/ui/src/components/Schedule/ScheduleDetail/FrequencyDetails.js +++ b/awx/ui/src/components/Schedule/ScheduleDetail/FrequencyDetails.js @@ -10,7 +10,13 @@ const Label = styled.div` font-weight: var(--pf-global--FontWeight--bold); `; -export default function FrequencyDetails({ type, label, options, timezone }) { +export default function FrequencyDetails({ + type, + label, + options, + timezone, + isException, +}) { const getRunEveryLabel = () => { const { interval } = options; switch (type) { @@ -77,11 +83,17 @@ export default function FrequencyDetails({ type, label, options, timezone }) { 6: t`Sunday`, }; + const prefix = isException ? `exception-${type}` : `frequency-${type}`; + return (
- {t`Frequency Details`} -
- {frequency.map((freq) => ( -+ {t`Frequency Details`} +
+ {frequency.map((freq) => ( ++ {t`Frequency Exception Details`} +
+ {exceptionFrequency.map((freq) => ( +