restyles accept/reject buttons and headings

1 files changed, 8 insertions, 8 deletions

diff --git a/src/screens/main/NotificationsScreen.tsx b/src/screens/main/NotificationsScreen.tsx
index ca921f75..511680ea 100644
--- a/src/screens/main/NotificationsScreen.tsx
+++ b/src/screens/main/NotificationsScreen.tsx
@@ -21,6 +21,7 @@ import {
 import {RootState} from '../../store/rootReducer';
 import {NotificationType, ScreenType} from '../../types';
 import {getDateAge, SCREEN_HEIGHT} from '../../utils';
+import {normalize} from '../../utils';
 
 const NotificationsScreen: React.FC = () => {
   const {moments: loggedInUserMoments} = useSelector(
@@ -155,7 +156,6 @@ const NotificationsScreen: React.FC = () => {
       <StatusBar barStyle={'dark-content'} />
       <View style={styles.header}>
         <Text style={styles.headerText}>Notifications</Text>
-        <View style={styles.underline} />
       </View>
       {noNotification && (
         <View style={styles.emptyViewContainer}>
@@ -187,12 +187,9 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
   },
   headerText: {
-    fontWeight: 'bold',
-    fontSize: 16,
-  },
-  underline: {
-    borderWidth: 2,
-    borderColor: '#8F01FF',
+    fontWeight: '700',
+    fontSize: normalize(18),
+    lineHeight: normalize(21),
   },
   container: {
     paddingBottom: '20%',
@@ -206,7 +203,10 @@ const styles = StyleSheet.create({
     marginLeft: '8%',
     marginTop: '5%',
     marginBottom: '2%',
-    fontSize: 15,
+    fontWeight: '600',
+    fontSize: normalize(12),
+    lineHeight: normalize(14),
+    color: '#828282',
   },
   emptyViewContainer: {
     marginTop: '22%',