From 8528f19bebc2867a86b777c808bb87ee983936d6 Mon Sep 17 00:00:00 2001
From: RealOrangeOne <git@theorangeone.net>
Date: Fri, 11 Mar 2016 11:10:00 +0000
Subject: [PATCH] layout main details in row

---
 app/components/projects/ProjectItem.js | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/components/projects/ProjectItem.js b/app/components/projects/ProjectItem.js
index 38afa16..96be259 100644
--- a/app/components/projects/ProjectItem.js
+++ b/app/components/projects/ProjectItem.js
@@ -46,6 +46,13 @@ const styles = StyleSheet.create({
     fontSize: 12.5,
     fontWeight: '300',
     marginLeft: 3
+  },
+  detailsRow: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  mainDetails: {
+    marginRight: 10
   }
 });
 
@@ -76,7 +83,7 @@ export default class ProjectItem extends React.Component {
     return (
       <View style={styles.buildCell}>
         <Text style={styles.details}><Icon name="pulse" /> #{ mostRecentBuild.build_num }</Text>
-        <Text style={styles.details}><Icon name="history" /> { buildTime }</Text>
+        <Text style={styles.details}><Icon name="clock" /> { buildTime }</Text>
         <Text style={styles.details}><Icon name="git-commit" /> { commit.commit.substring(0, 6) }</Text>
       </View>
     );
@@ -91,10 +98,10 @@ export default class ProjectItem extends React.Component {
       GlobalStyles.get('CIRCLE_TEST_FAIL') :
       GlobalStyles.get('CIRCLE_TEST_PASS');
     const username = this.props.userDetails && this.props.userDetails.login !== project.username ?
-      (<Text style={styles.details}><Icon name="person" /> {project.username}</Text>) : null;
+      (<Text style={[styles.details, styles.mainDetails]}><Icon name="person" /> {project.username}</Text>) : null;
 
     const language = project.language ?
-      (<Text style={styles.details}><Icon name="keyboard" /> {project.language}</Text>) : null;
+      (<Text style={[styles.details, styles.mainDetails]}><Icon name="keyboard" /> {project.language}</Text>) : null;
 
     const buildDetails = mostRecentBuild ? this._displayMoreInfo(mostRecentBuild) : null;
 
@@ -106,8 +113,10 @@ export default class ProjectItem extends React.Component {
         <View style={styles.container}>
           <View style={styles.repoCell}>
             <Text style={styles.repoName}>{project.reponame}</Text>
-            { username }
-            { language }
+            <View style={styles.detailsRow}>
+              { username }
+              { language }
+            </View>
           </View>
           { buildDetails }
           <View style={[styles.colourPanel, {backgroundColor: statusColour}]} />