diff --git a/src/app/browse-stakeholder/browse-stakeholder.component.css b/src/app/browse-stakeholder/browse-stakeholder.component.css index 9ff984b..b488021 100644 --- a/src/app/browse-stakeholder/browse-stakeholder.component.css +++ b/src/app/browse-stakeholder/browse-stakeholder.component.css @@ -1,11 +1,24 @@ +.uk-card { + --border-color: none; + --type-color: none; + border-bottom: 4px solid var(--border-color); +} + +.uk-card .type { + color: var(--type-color); +} + .funder { - color: var(--funder-color); + --border-color: rgba(60, 159, 148, 0.3); + --type-color: #3C9F94; } .ri { - color: var(--ri-color); + --border-color: rgba(208, 35, 174, 0.3); + --type-color: #D023AE; } .organization { - color: var(--organization-color); + --border-color: rgba(226, 139, 108, 0.3); + --type-color: #E28B6C; } diff --git a/src/app/browse-stakeholder/browse-stakeholder.component.html b/src/app/browse-stakeholder/browse-stakeholder.component.html index 1dc75cf..1a9dc27 100644 --- a/src/app/browse-stakeholder/browse-stakeholder.component.html +++ b/src/app/browse-stakeholder/browse-stakeholder.component.html @@ -1,23 +1,23 @@ + class="uk-height-1-1 uk-link-reset uk-display-block" [class.uk-disabled]="!hasPermission()"> + class="uk-height-1-1 uk-link-reset uk-display-block" [class.uk-disabled]="!hasPermission()"> -
+
{{stakeholder.visibility.toLowerCase()}}
- +
-
{{mapType(stakeholder.type)}}
+
{{mapType(stakeholder.type)}}