ISSUE #4959 - fix risk level icon size

3drepo · Jun 11, 2024 · 26a60c2 · 26a60c2
1 parent 486eaef
commit 26a60c2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/...outes/viewerGui/components/risks/components/mainRiskFormTab/mainRiskFormTab.component.tsx b/...outes/viewerGui/components/risks/components/mainRiskFormTab/mainRiskFormTab.component.tsx
@@ -42,7 +42,7 @@ import {
 	StyledFormControl,
 } from '../riskDetails/riskDetails.styles';
 import { RiskSchema } from '../riskDetails/riskDetails.schema';
-import { DateFieldContainer } from './mainRiskFormTab.styles';
+import { DateFieldContainer, RiskLevelIconResizer } from './mainRiskFormTab.styles';
 
 interface IProps {
 	risk: any;
@@ -148,7 +148,9 @@ export const MainRiskFormTab: FunctionComponent<IProps> = ({
 
 				<FieldsContainer size={'tight'}>
 					<StyledFormControl>
-						<LevelOfRisk header="Level of Risk" level={values.level_of_risk} Icon={RisksIcon} />
+						<RiskLevelIconResizer>
+							<LevelOfRisk header="Level of Risk" level={values.level_of_risk} Icon={RisksIcon} />
+						</RiskLevelIconResizer>
 						<Field name="level_of_risk" render={({ field }) => (
 							<CellSelect
 								{...field}

diff --git a/...v4/routes/viewerGui/components/risks/components/mainRiskFormTab/mainRiskFormTab.styles.ts b/...v4/routes/viewerGui/components/risks/components/mainRiskFormTab/mainRiskFormTab.styles.ts
@@ -20,3 +20,11 @@ import styled from 'styled-components';
 export const DateFieldContainer = styled.div`
 	margin-top: 16px;
 `;
+
+export const RiskLevelIconResizer = styled.div`
+	display: contents;
+	svg {
+		width: 50px;
+		height: 50px;
+	}
+`;