From d1aa688d47b7f2b273e9ef44b6f1acb2c53a0bcc Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Tue, 10 Oct 2023 09:16:03 -0400
Subject: [PATCH] fixed some weird spacing on the profile header due to
 leftover unused HTML

---
 17th Website/src/components/ProfilePage/profile.vue       | 5 +++--
 17th Website/src/components/ProfilePage/profileSubNav.vue | 3 +--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/17th Website/src/components/ProfilePage/profile.vue b/17th Website/src/components/ProfilePage/profile.vue
index 616b8ac..822ac2f 100644
--- a/17th Website/src/components/ProfilePage/profile.vue	
+++ b/17th Website/src/components/ProfilePage/profile.vue	
@@ -14,8 +14,9 @@ export default {
 
 <template>
     <div id="ProfileWrapper" class="flex flex-col xl:flex-row items-center">
-        <div id="HeaderWrapper" class="flex flex-col items-center bg-opacity-20 xl:h-screen pt-8 xl:pt-32 
-            xl:pr-10 sm:border-b-2 xl:border-b-0 xl:border-r-2 border-gray-dark sm:w-full xl:w-96">
+        <div id="HeaderWrapper" class="flex flex-col items-center bg-opacity-20 xl:h-screen 
+         pt-8 xl:pt-32 xl:pr-10 sm:border-b-2 xl:border-b-0 xl:border-r-2 border-gray-dark
+         sm:w-full xl:w-96">
             <profileHeader></profileHeader>
             <div id="profileSubnavWrapper" class="mt-8 flex flex-row xl:flex-col">
                 <profileSubNav link="home" content="Home"></profileSubNav>
diff --git a/17th Website/src/components/ProfilePage/profileSubNav.vue b/17th Website/src/components/ProfilePage/profileSubNav.vue
index f747f15..a716e4e 100644
--- a/17th Website/src/components/ProfilePage/profileSubNav.vue	
+++ b/17th Website/src/components/ProfilePage/profileSubNav.vue	
@@ -17,12 +17,11 @@ export default {
 
 <template>
     <RouterLink :to="link">
-        <p class="text-white xl:rounded-md my-0 p-2 hover:text-blue transition-all 
+        <p class="text-white h-fit xl:rounded-md my-0 sm:pb-3 p-2 hover:text-blue transition-colors 
         xl:active:ring-1 sm:border-b-2 xl:border-b-0 sm:border-gray-light sm:active:border-blue 
         xl:active:ring-blue xl:w-64 sm:w-36 sm:text-center xl:text-left" 
         :class="{ active: active }">
             {{ content }}
         </p>
-        <Icon :icon="iconName" />
     </RouterLink>
 </template>
\ No newline at end of file