diff --git a/app/components/login/token-help.js b/app/components/login/token-help.js index acb9f61..d455044 100644 --- a/app/components/login/token-help.js +++ b/app/components/login/token-help.js @@ -5,7 +5,7 @@ import Modal from 'react-native-modalbox'; const { StyleSheet, Text, - View + View, } = React; const styles = StyleSheet.create({ @@ -13,7 +13,7 @@ const styles = StyleSheet.create({ justifyContent: 'center', alignItems: 'center', backgroundColor: GlobalStyles.get('CIRCLE_GREY_DARK'), - height: 300 + height: 200 }, title: { fontSize: 18, @@ -21,12 +21,19 @@ const styles = StyleSheet.create({ }, text: { fontSize: 13, - color: 'white' + color: 'white', + margin: 2, + textAlign: 'center' + }, + dismiss: { + fontSize: 12, + padding: 5 }, modalView: { flex: 1, justifyContent: 'center', alignItems: 'center', + padding: 10 } }); @@ -36,16 +43,20 @@ export default class Login extends React.Component { What is a token? - A token is a thing. + A token is the identifier used to authenticate with CircleCI and let the app control your account. + + + To generate a new token, visit your CircleCI accounts page. - + Swipe down to dismiss