diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html index df0d1344e..2ffe2c917 100644 --- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html +++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html @@ -59,8 +59,9 @@ > -
- {{ getDisplayRoles(user) }} +
+ + {{ getDisplayRoles(user) }}
diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss index 63564b588..75ad5bd0e 100644 --- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss @@ -1,3 +1,5 @@ +@use 'variables'; + .right-container { display: flex; width: 353px; @@ -20,3 +22,23 @@ .action-buttons > div { display: flex; } + +.cell { + &.no-role-alignment { + flex-direction: row; + justify-content: start; + align-items: center; + color: variables.$primary; + } +} + +.opacity-1 { + opacity: 1; +} + +.icon { + font-size: 12px; + height: 12px; + width: 12px; + margin-right: 4px; +} diff --git a/apps/red-ui/src/app/modules/icons/icons.module.ts b/apps/red-ui/src/app/modules/icons/icons.module.ts index bcb2f116a..9b1eeb327 100644 --- a/apps/red-ui/src/app/modules/icons/icons.module.ts +++ b/apps/red-ui/src/app/modules/icons/icons.module.ts @@ -12,6 +12,7 @@ export class IconsModule { constructor(private readonly _iconRegistry: MatIconRegistry, private readonly _sanitizer: DomSanitizer) { const icons = [ 'ai', + 'alert-circle', 'approved', 'archive', 'arrow-up', diff --git a/apps/red-ui/src/assets/icons/general/alert-circle.svg b/apps/red-ui/src/assets/icons/general/alert-circle.svg new file mode 100644 index 000000000..315677462 --- /dev/null +++ b/apps/red-ui/src/assets/icons/general/alert-circle.svg @@ -0,0 +1,6 @@ + + + + + +