diff --git a/modules/ui/src/app/pages/risk-assessment/profile-form/profile-form.component.scss b/modules/ui/src/app/pages/risk-assessment/profile-form/profile-form.component.scss index 2507ebd2e..d9e90a2c4 100644 --- a/modules/ui/src/app/pages/risk-assessment/profile-form/profile-form.component.scss +++ b/modules/ui/src/app/pages/risk-assessment/profile-form/profile-form.component.scss @@ -51,6 +51,10 @@ } } +.profile-form-field { + width: 100%; +} + .form-actions { display: flex; gap: 16px; diff --git a/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss b/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss index e0eb3786e..6b1b7e01a 100644 --- a/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss +++ b/modules/ui/src/app/pages/risk-assessment/profile-item/profile-item.component.scss @@ -18,12 +18,18 @@ $profile-draft-icon-size: 22px; +:host.selected { + .profile-item-container { + background-color: $grey-100; + } +} + .profile-item-container { display: grid; grid-template-columns: 24px minmax(160px, 1fr) 24px 24px; gap: 16px; box-sizing: border-box; - padding: 12px 0; + padding: 12px 16px; border-bottom: 1px solid $lighter-grey; align-items: center; } diff --git a/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.html b/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.html index 89da5007f..0e19b944b 100644 --- a/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.html +++ b/modules/ui/src/app/pages/risk-assessment/risk-assessment.component.html @@ -46,6 +46,7 @@