diff options
| -rw-r--r-- | Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css | 15 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html | 2 |
2 files changed, 16 insertions, 1 deletions
diff --git a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css index 6486142b..b1101e2a 100644 --- a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css +++ b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.css @@ -5,3 +5,18 @@ .username { color: blue; } + +:host { + display: flex; + flex-wrap: wrap; +} + +:host p { + margin-top: 0.3em; + margin-bottom: 0.3em; + width: 100%; +} + +.logout-button { + margin-left: auto; +} diff --git a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html index 8599a91d..685f6299 100644 --- a/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html +++ b/Timeline/ClientApp/src/app/user/user-login-success/user-login-success.component.html @@ -3,4 +3,4 @@ </p> <p class="mat-body">You have been login as <span class="username">{{ userInfo.username }}</span>.</p> <p class="mat-body">Your roles are <span class="roles">{{ userInfo.roles.join(', ') }}</span>.</p> -<a mat-flat-button [routerLink]="['..','logout']">Logout</a> +<a mat-flat-button class="logout-button" [routerLink]="['..','logout']">Logout</a> |