diff --git a/app/components/routes/login.js b/app/components/routes/login.js index d1ba846..8736be3 100644 --- a/app/components/routes/login.js +++ b/app/components/routes/login.js @@ -13,29 +13,37 @@ const { const styles = StyleSheet.create({ container: { - flex: .5, - flexWrap: 'nowrap', - justifyContent: 'center', - alignItems: 'center', + flex: 1, backgroundColor: '#F5FCFF', }, + contentWrapper: { + flex: 0.85, + justifyContent: 'center', + alignItems: 'center' + }, input: { + marginHorizontal: 10, height: 50, - width: 300, borderColor: 'gray', - borderWidth: 1 + borderWidth: 1, + textAlign: 'center' }, loginButton: { + flex: 1, backgroundColor: GlobalStyles.get('CIRCLE_BLUE'), - margin: 10, justifyContent: 'center', alignItems: 'center', - padding: 10 }, loginButtonText: { fontSize: 16, color: 'white', }, + buttonContainer: { + flexDirection: 'row', + height: 80, + justifyContent: 'center', + padding: 10 + }, title: { fontSize: 25, margin: 13 @@ -67,25 +75,31 @@ export default class Login extends React.Component { render() { return ( - - - - Login to continue - - this.updateState('password', password)} - value={this.state.password} - onSubmitEditing={this.validate} - placeholder="Password" - /> - + + + + + Login to continue + + this.updateState('password', password)} + value={this.state.password} + onSubmitEditing={this.validate} + placeholder="Password" + autoCorrect={true} + /> + + + + + Authenticate - + ); } };