diff --git a/frontend/src/features/SideWindow/MissionForm/ActionList/Item.tsx b/frontend/src/features/SideWindow/MissionForm/ActionList/Item.tsx index 9be4caa216..e539c1abf9 100644 --- a/frontend/src/features/SideWindow/MissionForm/ActionList/Item.tsx +++ b/frontend/src/features/SideWindow/MissionForm/ActionList/Item.tsx @@ -75,6 +75,9 @@ export function Item({ initialValues, isSelected, onDuplicate, onRemove, onSelec const infractionTags = useMemo(() => { const allInfractions = getMissionActionInfractionsFromMissionActionFormValues(initialValues, true) + if (!allInfractions.length) { + return [] + } const nonPendingInfractions = getMissionActionInfractionsFromMissionActionFormValues(initialValues) const pendingInfractions = allInfractions.filter( ({ infractionType }) => infractionType === MissionAction.InfractionType.PENDING @@ -244,8 +247,8 @@ const ActionLabel = styled.div` > p { margin-top: 0px; color: ${p => p.theme.color.gunMetal}; - padding: 1px 8px 0 0; - height: 22px; + padding: 1px 0px 0 0; + height: 30px; } ` diff --git a/frontend/src/features/SideWindow/MissionForm/ActionList/utils.tsx b/frontend/src/features/SideWindow/MissionForm/ActionList/utils.tsx index 7b371a828a..0d9cce687c 100644 --- a/frontend/src/features/SideWindow/MissionForm/ActionList/utils.tsx +++ b/frontend/src/features/SideWindow/MissionForm/ActionList/utils.tsx @@ -28,7 +28,8 @@ export function getActionTitle(itemTitle: string, details: string | undefined, p return ( - {itemTitle} - {details} + {itemTitle}
+ {details}
) } @@ -74,6 +75,6 @@ const StyledSpan = styled.span` white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: 180px; + max-width: 188px; display: inline-block; `