Fix button alignment on bottom

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,8 +75,9 @@ export default class Login extends React.Component {
 
   render() {
     return (
-      <ScrollView keyboardShouldPersistTaps={false} contentContainerStyle={styles.container}>
       <View style={styles.container}>
+        <ScrollView keyboardShouldPersistTaps={false} contentContainerStyle={styles.container}>
+            <View style={styles.contentWrapper}>
               <Text style={styles.title}>
                 Login to continue
               </Text>
@@ -78,14 +87,19 @@ export default class Login extends React.Component {
                 value={this.state.password}
                 onSubmitEditing={this.validate}
                 placeholder="Password"
+                autoCorrect={true}
               />
+            </View>
+
+        </ScrollView>
+        <View style={styles.buttonContainer}>
           <TouchableHighlight style={styles.loginButton} onPress={this.validate}>
             <Text style={styles.loginButtonText}>
               Authenticate
             </Text>
           </TouchableHighlight>
         </View>
-      </ScrollView>
+      </View>
     );
   }
 };