Merge pull request #244 from shravyaramesh/tma652-restyle-notification

[TMA-652] Notifications Screen: Restyles accept/reject buttons and headings

1 files changed, 10 insertions, 8 deletions

diff --git a/src/components/common/AcceptDeclineButtons.tsx b/src/components/common/AcceptDeclineButtons.tsx
index 9caaffca..167148f0 100644
--- a/src/components/common/AcceptDeclineButtons.tsx
+++ b/src/components/common/AcceptDeclineButtons.tsx
@@ -4,6 +4,7 @@ import {TAGG_LIGHT_BLUE} from '../../constants';
 import {ProfilePreviewType} from '../../types';
 import {SCREEN_WIDTH} from '../../utils';
 import {TouchableOpacity} from 'react-native-gesture-handler';
+import {normalize} from '../../utils';
 
 interface AcceptDeclineButtonsProps {
   requester: ProfilePreviewType;
@@ -40,18 +41,17 @@ const AcceptDeclineButtons: React.FC<AcceptDeclineButtonsProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    flex: 1,
+    height: '100%',
     flexDirection: 'column',
+    justifyContent: 'space-around',
   },
   genericButtonStyle: {
     justifyContent: 'center',
     alignItems: 'center',
-    width: SCREEN_WIDTH * 0.14,
-    height: SCREEN_WIDTH * 0.06,
-    borderRadius: 5,
+    width: SCREEN_WIDTH * 0.16,
+    height: SCREEN_WIDTH * 0.0525,
+    borderRadius: 3,
     padding: 0,
-    marginTop: 8,
-    marginRight: '3%',
   },
   acceptButton: {
     padding: 0,
@@ -70,8 +70,10 @@ const styles = StyleSheet.create({
   },
   buttonTitle: {
     padding: 0,
-    fontSize: 14,
-    fontWeight: '800',
+    fontWeight: '700',
+    fontSize: normalize(11),
+    lineHeight: normalize(13),
+    letterSpacing: normalize(0.1),
   },
 });