From a4f08826c54ff6c7b09158ecdcf4c9bc36ee7b7f Mon Sep 17 00:00:00 2001
From: jvyden <jvyden@jvyden.xyz>
Date: Mon, 23 Oct 2023 22:21:00 -0400
Subject: [PATCH] Make level and user profile consistent

---
 src/app/pages/level/level.component.html |  2 +-
 src/app/pages/user/user.component.html   | 11 ++++++-----
 src/app/pages/user/user.component.ts     |  1 +
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/level/level.component.html b/src/app/pages/level/level.component.html
index aef7534..45e6cfe 100644
--- a/src/app/pages/level/level.component.html
+++ b/src/app/pages/level/level.component.html
@@ -1,7 +1,7 @@
 <page-header-block *ngIf="level">
   <div class="flex gap-3.5">
     <level-avatar [level]="level" size="h-auto w-44 max-md:w-24"></level-avatar>
-    <div>
+    <div class="flex-grow">
       <div class="font-bold text-3xl mb-1">
         {{ level.title.length == 0 ? 'Unnamed Level' : level.title }}
 
diff --git a/src/app/pages/user/user.component.html b/src/app/pages/user/user.component.html
index a74cdf2..ec0949e 100644
--- a/src/app/pages/user/user.component.html
+++ b/src/app/pages/user/user.component.html
@@ -1,7 +1,7 @@
 <page-header-block *ngIf="user">
-  <div class="flex gap-3.5">
+  <div class="flex gap-x-3.5">
     <user-avatar [user]="user" size="h-auto w-44"></user-avatar>
-    <div>
+    <div class="flex-grow">
       <page-header class="text-3xl inline">
         {{ user.username }}'s profile
         <span-gentle>{{ getMoment(user.joinDate) }}</span-gentle>
@@ -16,12 +16,13 @@
         </div>
       </div>
 
-      <br>
-
-      <p>{{user.description.length == 0 ? 'This person hasn\'t introduced themselves yet.' : user.description}}</p>
+      <div class="bg-backdrop rounded-[11px] px-5 py-2.5 drop-shadow-lg mt-2">
+        <p>{{user.description.length == 0 ? 'This person hasn\'t introduced themselves yet.' : user.description}}</p>
+      </div>
     </div>
   </div>
 </page-header-block>
+
 <page-header-block *ngIf="ownUser?.role == UserRoles.Admin">
   <secondary-button text="Manage" class="flex" [icon]="faWrench" [routerLink]="'/admin/user/' + user?.userId"></secondary-button>
 </page-header-block>
diff --git a/src/app/pages/user/user.component.ts b/src/app/pages/user/user.component.ts
index 22dcce6..736794a 100644
--- a/src/app/pages/user/user.component.ts
+++ b/src/app/pages/user/user.component.ts
@@ -127,4 +127,5 @@ export class UserComponent implements OnInit {
   protected readonly GetAssetImageLink = GetAssetImageLink;
   protected readonly UserRoles = UserRoles;
   protected readonly faWrench = faWrench;
+  protected readonly undefined = undefined;
 }