From 0aae17cd2668905fefdbbaf9859a9c031e6ea531 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Wed, 17 Feb 2021 19:14:21 -0800 Subject: restyles accept/reject buttons and headings --- src/components/common/AcceptDeclineButtons.tsx | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) (limited to 'src/components/common/AcceptDeclineButtons.tsx') 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 = ({ 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), }, }); -- cgit v1.2.3-70-g09d2