New Password, benerin touchable button yang bocor

view/NewPassword.js

@@ -121,7 +121,8 @@ class NewPassword extends React.Component {
                     textStyle={styles.spinnerTextStyle}
                 />
                 <View style={{ flex: 3 }}>
-                    <View style={{ flex: 1, marginRight: 30, marginLeft: 30, top: 20}}>
+                     
+                    <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>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('token')}</Text>
@@ -145,16 +146,19 @@ 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>
+                        </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> 
                 </View>
             </View>
         )