diff --git a/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/index.tsx b/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/index.tsx index 7bf85b9ea7..d3c3b2450d 100644 --- a/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/index.tsx +++ b/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/index.tsx @@ -7,7 +7,8 @@ import { StyledNote, StyledNoteTitle, StyledNoteText, - StyledImg, + StyledSelectedImg, + StyledJiraImg, StyledButtonGroup, StyledStepButton, StyledStepLabel, @@ -39,8 +40,8 @@ export const ReworkDialog = (props: { isShowDialog: boolean; hiddenDialog: () => const renderContent = (selectedImg: string, jiraImg: string, explanationText: string, noteText: string) => { return ( - - + + Explanation: {explanationText} diff --git a/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/style.tsx b/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/style.tsx index adf8db3cb9..fc8288ae1d 100644 --- a/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/style.tsx +++ b/frontend/src/containers/MetricsStep/ReworkSettings/ReworkDialog/style.tsx @@ -57,8 +57,15 @@ export const StyledStepOfRework = styled('div')({ margin: '1rem auto', }); -export const StyledImg = styled('img')({ +export const StyledSelectedImg = styled('img')({ width: '100%', + height: '6rem', + margin: '0.5rem 0', +}); + +export const StyledJiraImg = styled('img')({ + width: '100%', + height: '13.5rem', margin: '0.5rem 0', }); @@ -80,6 +87,7 @@ export const StyledNoteText = styled('p')({ fontWeight: '400', color: theme.main.note, lineHeight: '1.25rem', + opacity: '0.8', }); export const StyledButtonGroup = styled('div')({