Added content for token help

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 {
       <Modal
         isOpen={this.props.open}
         style={styles.modal}
+        ref="modal"
         backdrop={true}>
         <View style={styles.modalView}>
           <Text style={styles.title}>
             What is a token?
           </Text>
           <Text style={styles.text}>
-            A token is a thing.
+            A token is the identifier used to authenticate with CircleCI and let the app control your account.
+          </Text>
+          <Text style={styles.text}>
+            To generate a new token, visit your CircleCI accounts page.
           </Text>
         </View>
-        <Text style={styles.text}>
+        <Text style={[styles.text, styles.dismiss]}>
           Swipe down to dismiss
         </Text>
       </Modal>