diff --git a/frontend/src/app/components/company/company.component.css b/frontend/src/app/components/company/company.component.css index 27f77899d..6ed6fcb27 100644 --- a/frontend/src/app/components/company/company.component.css +++ b/frontend/src/app/components/company/company.component.css @@ -86,7 +86,7 @@ } .company-member-cell_email { - max-width: 200px; + max-width: 216px; } @media (width <= 600px) { @@ -96,6 +96,19 @@ } } +.company-member-cell_email-value { + display: flex; + align-items: center; + gap: 8px; +} + +.company-member-cell_email-icon { + flex-shrink: 0; + font-size: 16px; + width: 16px; + height: 16px; +} + .company-member-cell_name { max-width: 200px; } diff --git a/frontend/src/app/components/company/company.component.html b/frontend/src/app/components/company/company.component.html index c070d7743..e16379bba 100644 --- a/frontend/src/app/components/company/company.component.html +++ b/frontend/src/app/components/company/company.component.html @@ -84,7 +84,19 @@

Members - {{element.email}} +
+ + mail_outline + + + + {{element.email}} +
diff --git a/frontend/src/app/components/company/company.component.ts b/frontend/src/app/components/company/company.component.ts index 9797a639b..173bb8039 100644 --- a/frontend/src/app/components/company/company.component.ts +++ b/frontend/src/app/components/company/company.component.ts @@ -98,6 +98,11 @@ export class CompanyComponent { 'USER': 'Member' } + public authProviderIcons = { + GOOGLE: 'google', + GITHUB: 'github', + } + get whiteLabelSettings(): {logo: string, favicon: string, tabTitle: string} { return this._company.whiteLabelSettings || { logo: '', favicon: '', tabTitle : '' }; } diff --git a/frontend/src/app/components/login/login.component.html b/frontend/src/app/components/login/login.component.html index ec0dfa537..567c4893e 100644 --- a/frontend/src/app/components/login/login.component.html +++ b/frontend/src/app/components/login/login.component.html @@ -23,7 +23,8 @@

To log in, please start by entering your email address and click next to continue.