From acf15961cdb63beeebef2e88a029c863817e2120 Mon Sep 17 00:00:00 2001
From: ecco257 <connorjwittman@gmail.com>
Date: Fri, 25 Oct 2024 17:01:50 -0400
Subject: [PATCH] Fix formatting and styling of profile picture display, as
 well as display email when logged in as well

---
 src/components/personal.rs |  1 +
 style/personal.scss        | 11 +++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/personal.rs b/src/components/personal.rs
index c6b46a5..b199667 100644
--- a/src/components/personal.rs
+++ b/src/components/personal.rs
@@ -42,6 +42,7 @@ pub fn Profile() -> impl IntoView {
                         <h1>Not Logged In</h1>
                     }>
                     <h1>{move || user.get().map(|user| user.map(|user| user.username).unwrap_or_default())}</h1>
+					<h2>{move || user.get().map(|user| user.map(|user| user.email).unwrap_or_default())}</h2>
                 </Show>
             </div>
             <div class="profile-icon" on:click=open_dropdown>
diff --git a/style/personal.scss b/style/personal.scss
index 75d16fb..ef265eb 100644
--- a/style/personal.scss
+++ b/style/personal.scss
@@ -25,7 +25,8 @@
       }
       h2 {
         font-size: 1rem;
-        margin: 0;
+        margin-top: auto;
+		margin-bottom: 0;
       }
     }
 
@@ -36,8 +37,14 @@
       font-size: 2rem;
       border-radius: 50%;
       transition: all 0.3s;
-      height: max-content;
+      height: 2rem;
+	  width: 2rem;
       margin-left: auto;
+	  img {
+		width: 100%;
+		height: 100%;
+		border-radius: 50%;
+	  }
     }
 
     .profile-icon:hover {