From 6fb6afbf091457aaa5b7116cdc635f75162bcf5f Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Thu, 18 Feb 2021 10:54:28 -0800
Subject: restyled cancel button to match EditProfile drawer

---
 src/components/suggestedPeople/MutualFriends.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/components/suggestedPeople/MutualFriends.tsx b/src/components/suggestedPeople/MutualFriends.tsx
index 3f9df4cd..f99279c0 100644
--- a/src/components/suggestedPeople/MutualFriends.tsx
+++ b/src/components/suggestedPeople/MutualFriends.tsx
@@ -52,7 +52,7 @@ const MutualFriends: React.FC = () => {
                 </TouchableOpacity>
               )}
               <BottomDrawer
-                initialSnapPosition={isIPhoneX() ? '40%' : '46%'}
+                initialSnapPosition={isIPhoneX() ? '43%' : '50%'}
                 showHeader={false}
                 isOpen={drawerVisible}
                 setIsOpen={setDrawerVisible}>
@@ -138,7 +138,7 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     backgroundColor: '#f9f9f9',
     width: SCREEN_WIDTH,
-    height: isIPhoneX() ? SCREEN_HEIGHT * 0.4 : SCREEN_HEIGHT * 0.46,
+    height: SCREEN_HEIGHT * 0.46,
     borderTopRightRadius: normalize(13),
     borderTopLeftRadius: normalize(13),
     borderWidth: 0.5,
@@ -196,14 +196,14 @@ const styles = StyleSheet.create({
   },
   cancelButton: {
     backgroundColor: '#F0F0F0',
-    height: '50%',
+    height: 100,
     flexDirection: 'row',
     justifyContent: 'center',
   },
   cancelButtonText: {
-    top: isIPhoneX() ? '6%' : '5%',
+    top: isIPhoneX() ? '6%' : '7%',
     color: '#698DD3',
-    fontSize: normalize(17),
+    fontSize: normalize(16),
     fontWeight: '700',
     lineHeight: normalize(20),
     letterSpacing: normalize(0.1),
-- 
cgit v1.2.3-70-g09d2