diff --git a/app/components/routes/login.js b/app/components/routes/login.js
index 435cbb8..72b2bdb 100644
--- a/app/components/routes/login.js
+++ b/app/components/routes/login.js
@@ -2,7 +2,7 @@ import React from 'react-native';
import GlobalStyles from '../../settings/styles';
import TokenHelp from '../login/token-help';
-var dismissKeyboard = require('dismissKeyboard');
+const dismissKeyboard = require('dismissKeyboard');
const {
StyleSheet,
@@ -31,24 +31,31 @@ const styles = StyleSheet.create({
textAlign: 'center'
},
loginButton: {
- flex: 1,
+ flex: 0.9,
backgroundColor: GlobalStyles.get('CIRCLE_GREEN'),
+ borderColor: GlobalStyles.get('CIRCLE_GREEN'),
+ },
+ infoButton: {
+ flex: 0.15,
+ backgroundColor: GlobalStyles.get('CIRCLE_GREY'),
+ borderColor: GlobalStyles.get('CIRCLE_GREY'),
+ },
+ button: {
justifyContent: 'center',
alignItems: 'center',
padding: 10,
- borderColor: GlobalStyles.get('CIRCLE_GREEN'),
borderWidth: 2,
- borderRadius: 12
+ borderRadius: 12,
+ margin: 5
},
- loginButtonText: {
+ buttonText: {
fontSize: 18,
color: 'white',
},
buttonContainer: {
flexDirection: 'row',
justifyContent: 'center',
- padding: 10,
- paddingVertical: 15
+ margin: 5
},
title: {
fontSize: 30,
@@ -80,6 +87,7 @@ export default class Login extends React.Component {
this.textChanged = this.textChanged.bind(this);
this.showTokenHelp = this.showTokenHelp.bind(this);
this.hideTokenHelp = this.hideTokenHelp.bind(this);
+ this.showAbout = this.showAbout.bind(this);
}
textChanged(token) {
@@ -90,6 +98,10 @@ export default class Login extends React.Component {
dismissKeyboard();
}
+ showAbout() {
+
+ }
+
showTokenHelp() {
dismissKeyboard();
this.setState({
@@ -142,13 +154,21 @@ export default class Login extends React.Component {
-
+
Authenticate
+
+
+ About
+
+
diff --git a/app/settings/styles.js b/app/settings/styles.js
index 4e57cc2..4578535 100644
--- a/app/settings/styles.js
+++ b/app/settings/styles.js
@@ -2,5 +2,7 @@ import { Map } from 'immutable';
export default Map({
CIRCLE_GREEN: '#229922',
- CIRCLE_GREY_DARK: '#343434'
+ CIRCLE_GREY_DARK: '#343434',
+ CIRCLE_GREY: '#666',
+ CIRCLE_GREY_LIGHT: '#A7A7A7'
});