requested button styled

1 files changed, 28 insertions, 2 deletions

diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
index 79b9abc8..42ca3247 100644
--- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
+++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
@@ -197,10 +197,10 @@ const SuggestedPeopleScreen: React.FC = () => {
         if (friendship.requester_id === loggedInUserId) {
           return (
             <TouchableOpacity
-              style={styles.addButton}
+              style={styles.requestedButton}
               onPress={() => onCancelRequest(suggested)}
               disabled={false}>
-              <Text style={styles.addButtonTitle}>{'Requested'}</Text>
+              <Text style={styles.requestedButtonTitle}>{'Requested'}</Text>
             </TouchableOpacity>
           );
         } else {
@@ -383,6 +383,32 @@ const styles = StyleSheet.create({
     alignItems: 'flex-start',
     marginBottom: '5%',
   },
+  requestedButton: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: SCREEN_WIDTH * 0.3,
+    height: SCREEN_WIDTH * 0.085,
+    padding: 0,
+    borderWidth: 2,
+    borderColor: 'transparent',
+    borderRadius: 1,
+    marginLeft: '1%',
+    marginTop: '4%',
+    shadowColor: 'rgb(0, 0, 0)',
+    shadowRadius: 2,
+    shadowOffset: {width: 2, height: 2},
+    shadowOpacity: 0.5,
+    backgroundColor: '#fff',
+  },
+  requestedButtonTitle: {
+    backgroundColor: 'transparent',
+    padding: 0,
+    fontSize: normalize(15),
+    lineHeight: normalize(18),
+    fontWeight: 'bold',
+    textAlign: 'center',
+    letterSpacing: normalize(1),
+  },
   body: {},
 
   button: {