diff --git a/src/app/authorize/components/form-authorize/form-authorize.component.html b/src/app/authorize/components/form-authorize/form-authorize.component.html index 6a2c4857c9..66fbbdee9b 100644 --- a/src/app/authorize/components/form-authorize/form-authorize.component.html +++ b/src/app/authorize/components/form-authorize/form-authorize.component.html @@ -174,8 +174,11 @@

You are currently signed in as:

-
-
+
+
-
+
{{ userName }} diff --git a/src/app/authorize/components/form-authorize/form-authorize.component.scss b/src/app/authorize/components/form-authorize/form-authorize.component.scss index 788396591c..1e3390133f 100644 --- a/src/app/authorize/components/form-authorize/form-authorize.component.scss +++ b/src/app/authorize/components/form-authorize/form-authorize.component.scss @@ -93,6 +93,7 @@ mat-card-content.authorize-content { div.profile-icon-wrapper { padding: 0 !important; + margin-right: 16px; } div.user-wrapper { @@ -118,4 +119,8 @@ mat-card-content.authorize-content { .user-links { width: 100%; } + + .center-content { + justify-content: center; + } } diff --git a/src/app/authorize/components/form-authorize/form-authorize.component.ts b/src/app/authorize/components/form-authorize/form-authorize.component.ts index 9da888b519..18d0113b7c 100644 --- a/src/app/authorize/components/form-authorize/form-authorize.component.ts +++ b/src/app/authorize/components/form-authorize/form-authorize.component.ts @@ -2,7 +2,7 @@ import { Component, Inject, Input, OnDestroy, OnInit } from '@angular/core' import { Router } from '@angular/router' import { forkJoin, Observable, Subject } from 'rxjs' import { catchError, map, take, takeUntil } from 'rxjs/operators' -import { PlatformInfoService } from 'src/app/cdk/platform-info' +import { PlatformInfo, PlatformInfoService } from 'src/app/cdk/platform-info' import { WINDOW } from 'src/app/cdk/window' import { ApplicationRoutes } from 'src/app/constants' import { UserService } from 'src/app/core' @@ -42,6 +42,7 @@ export class FormAuthorizeComponent implements OnInit, OnDestroy { oauthRequest: RequestInfoForm trustedIndividuals: TrustedIndividuals + platformInfo: PlatformInfo authorizeAccessFor = $localize`:@@authorize.authorizeAccessFor:Authorize access for` orcid = $localize`:@@authorize.dashOrcid:- ORCID` @@ -58,6 +59,11 @@ export class FormAuthorizeComponent implements OnInit, OnDestroy { private _trustedIndividuals: TrustedIndividualsService, private _titleService: Title ) { + this._platformInfo + .get() + .pipe(take(1)) + .subscribe((platform) => this.platformInfo = platform) + this._user .getUserSession() .pipe( diff --git a/src/app/authorize/pages/authorize/authorize.component.html b/src/app/authorize/pages/authorize/authorize.component.html index cc46d15de4..f97a218754 100644 --- a/src/app/authorize/pages/authorize/authorize.component.html +++ b/src/app/authorize/pages/authorize/authorize.component.html @@ -13,7 +13,7 @@ 'orcid-wizard-2': !signInUpdatesV1Togglz, 'orcid-wizard': signInUpdatesV1Togglz, 'authorize-wrapper': signInUpdatesV1Togglz, - mobile: !platform.columns12 + mobile: platform.columns4 }" >