From 01a1dc03438051ca152c0207e377b3de8e77a3c7 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Fri, 19 Mar 2021 19:23:07 +0200
Subject: Merged profile picture and username from navbar into one nav item

---
 src/app/components/navbar/navbar.component.html | 14 ++++++++------
 1 file 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()">
-- 
cgit v1.2.3