From f1affc66bc224c75040d728900fa5a8f928007c0 Mon Sep 17 00:00:00 2001
From: ecco257 <connorjwittman@gmail.com>
Date: Fri, 1 Nov 2024 17:17:59 -0400
Subject: [PATCH] Remove email display on personal and rescale icon/pfp to be
 bigger & consistent

---
 src/components/personal.rs |  5 ++---
 style/personal.scss        | 19 +++++++------------
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/components/personal.rs b/src/components/personal.rs
index dc072b3..d029302 100644
--- a/src/components/personal.rs
+++ b/src/components/personal.rs
@@ -39,17 +39,16 @@ 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>
                 <Show 
                     when=move || logged_in.get().unwrap_or_default()
-                    fallback=|| view! { <Icon icon=icondata::CgProfile /> }
+                    fallback=|| view! { <Icon icon=icondata::CgProfile width="45" height="45"/> }
                 >
                     <Show
                         when=move || !image_error()
-                        fallback=|| view! { <Icon icon=icondata::CgProfile /> }
+                        fallback=|| view! { <Icon icon=icondata::CgProfile width="45" height="45"/> }
                     >
                         <img 
                             src=user_profile_picture() 
diff --git a/style/personal.scss b/style/personal.scss
index ef265eb..af95cfc 100644
--- a/style/personal.scss
+++ b/style/personal.scss
@@ -23,11 +23,6 @@
         font-size: 1.2rem;
         margin: 0;
       }
-      h2 {
-        font-size: 1rem;
-        margin-top: auto;
-		margin-bottom: 0;
-      }
     }
 
     .profile-icon {
@@ -37,14 +32,14 @@
       font-size: 2rem;
       border-radius: 50%;
       transition: all 0.3s;
-      height: 2rem;
-	  width: 2rem;
+      height: 45;
+      width: 45;
       margin-left: auto;
-	  img {
-		width: 100%;
-		height: 100%;
-		border-radius: 50%;
-	  }
+      img {
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+      }
     }
 
     .profile-icon:hover {