diff options
| -rw-r--r-- | src/app/components/navbar/navbar.component.html | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html index 29118e6..a30f845 100644 --- a/src/app/components/navbar/navbar.component.html +++ b/src/app/components/navbar/navbar.component.html @@ -3,12 +3,14 @@ <div class="flexible" *ngIf="!loggedIn"> <!-- This element serves as a spacer --> </div> - <div id="nav-profile-picture" class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToProfile()" *ngIf="loggedIn"> - <img class="round-image" [src]="user.profilePictureURL"> - </div> - <div id="nav-username" class="font-size-dot9 nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToProfile()" *ngIf="loggedIn"> - <div class="padding-small"> - @{{ user.userName }} + <div class="nav-item border-radius-small flex-row flex-center-align-items light-hover hover-half-opacity click-effect" (click)="goToProfile()" *ngIf="loggedIn"> + <div id="nav-profile-picture" class="flex-col"> + <img class="round-image" [src]="user.profilePictureURL"> + </div> + <div id="nav-username" class="font-size-dot9 flex-col"> + <div class="padding-small"> + @{{ user.userName }} + </div> </div> </div> <div class="nav-item flex-col border-radius-small light-hover hover-half-opacity click-effect" (click)="goToFeed()"> |