New Password, benerin touchable button yang bocor

view/NewPassword.js

@@ -121,6 +121,7 @@ class NewPassword extends React.Component {
                     textStyle={styles.spinnerTextStyle}
                 />
                 <View style={{ flex: 3 }}>
+                     
                     <View style={{ flex: 1, marginRight: 30, marginLeft: 30, top: 20}}> 
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('email')}</Text>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 18, textAlign: 'center', margin: 3, marginBottom: 15 }}>{this.props.email}</Text>
@@ -145,14 +146,17 @@ class NewPassword extends React.Component {
                             caretHidden={this.state.caretHidden}
                             onFocus={() => this.setState({caretHidden: false})}
                             secureTextEntry={true} />
-                        <TouchableOpacity style={{ height: 100 }} onPress={() => this.validation()}>
-                            <View style={{ backgroundColor: '#CFB368', height: 45, top: 20, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>
-                                <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>{i18n.t('submit')}</Text>
+                        
+                        <TouchableOpacity style={{ 
+                            marginBottom: 50, top: 20, marginRight: 50, marginLeft: 50 }} 
+                            onPress={() => this.validation()} >
+                            <View style={{ backgroundColor: '#CFB368', height: 45, paddingVertical:10,  borderRadius: 10 }}>
+                                <Text style={{ alignSelf: 'center',  color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>{i18n.t('submit')}</Text>
                             </View>
                         </TouchableOpacity> 
+
                         <View style={{flex:2}}>
-                        <ImageBackground source={require('../assets/images/daun.png')} style={styles.logo}>
-                            </ImageBackground>
+                            <ImageBackground source={require('../assets/images/daun.png')} style={styles.logo}></ImageBackground>
                         </View>
                     </View> 
                 </View>