Add circleci logo

app/components/routes/login.js

@@ -19,7 +19,8 @@ const {
   ScrollView,
   BackAndroid,
   TouchableWithoutFeedback,
-  Alert
+  Alert,
+  Image
 } = React;
 
 const styles = StyleSheet.create({
@@ -33,7 +34,7 @@ const styles = StyleSheet.create({
     alignItems: 'center'
   },
   input: {
-    marginHorizontal: 15,
+    marginHorizontal: 10,
     fontSize: 15,
     textAlign: 'center'
   },
@@ -67,7 +68,6 @@ const styles = StyleSheet.create({
   heading: {
     fontSize: 18,
     margin: 8,
-    marginVertical: 20
   },
   helpText: {
     fontSize: 11,
@@ -76,6 +76,10 @@ const styles = StyleSheet.create({
   },
   text: {
     color: GlobalStyles.get('CIRCLE_TEXT')
+  },
+  icon: {
+    flex: 1,
+    margin: 5
   }
 });
 
@@ -153,6 +157,10 @@ export default class Login extends React.Component {
       <View style={styles.container}>
         <ScrollView keyboardShouldPersistTaps={false} contentContainerStyle={styles.container}>
             <View style={styles.contentWrapper}>
+              <Image
+                style={styles.icon}
+                source={require('../../img/circle-ci-logo.png')}
+                resizeMode="contain"/>
               <Text style={[styles.heading, styles.text]}>
                 Please enter your CircleCI token
               </Text>