updated profile header styling

1 files changed, 17 insertions, 15 deletions

diff --git a/src/components/profile/ProfileHeader.tsx b/src/components/profile/ProfileHeader.tsx
index 9c91c079..8c7a3301 100644
--- a/src/components/profile/ProfileHeader.tsx
+++ b/src/components/profile/ProfileHeader.tsx
@@ -79,44 +79,46 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    top: PROFILE_CUTOUT_TOP_Y * 0.96,
+    top: PROFILE_CUTOUT_TOP_Y * 1.02,
     width: '100%',
     position: 'absolute',
+    // borderWidth: 1,
   },
   row: {
     flexDirection: 'row',
   },
   header: {
     flexDirection: 'column',
-    justifyContent: 'center',
+    justifyContent: 'space-evenly',
     alignItems: 'center',
-    marginTop: SCREEN_WIDTH / 18.2,
-    marginLeft: SCREEN_WIDTH / 8,
-    marginBottom: SCREEN_WIDTH / 50,
+    marginRight: '15%',
+    marginLeft: '5%',
+    flex: 1,
+    // borderWidth: 1,
   },
   avatar: {
-    bottom: SCREEN_WIDTH / 80,
-    left: '10%',
+    marginLeft: '3%',
+    top: '-8%',
   },
   name: {
-    marginLeft: SCREEN_WIDTH / 8,
     fontSize: 17,
     fontWeight: '500',
     alignSelf: 'center',
+    // borderWidth: 1,
   },
   friends: {
-    alignSelf: 'flex-start',
-    marginRight: SCREEN_WIDTH / 20,
+    // borderWidth: 1,
   },
   university: {
-    alignSelf: 'flex-end',
-    bottom: 3,
+    // borderWidth: 1,
   },
   friendsAndUniversity: {
     flexDirection: 'row',
-    flex: 1,
-    marginLeft: SCREEN_WIDTH / 10,
-    marginTop: SCREEN_WIDTH / 40,
+    alignItems: 'center',
+    justifyContent: 'space-evenly',
+    width: '100%',
+    height: 50,
+    // borderWidth: 1,
   },
 });