UI improvements

frontend/src/pages/projects/index.js

@@ -45,24 +45,28 @@ const Project = ({ project }) => {
 			</ListItemAvatar>
 			<ListItemText
 				primary={ project.name }
-				/>
-			<ListItemText
 				secondary={
 					<React.Fragment>
+						<div>
 							<Typography
 								component="div"
 								variant="body2"
 								color="textPrimary"
 								>
-							To languages:
+								Status: { project.status }
 							</Typography>
-						{ Array.isArray(project.targetLanguages) && project.targetLanguages.map(l => (<Chip key={ l } label={ l }/>)) }
-					</React.Fragment>
-				}
-				/>
-			<ListItemText
-				secondary={
-					<React.Fragment>
+						</div>
+						<div>
+							<Typography
+								component="div"
+								variant="body2"
+								color="textPrimary"
+								>
+								From language:
+							</Typography>
+							<Chip label={ project.sourceLanguage }/>
+						</div>
+						<div>
 							<Typography
 								component="span"
 								variant="body2"
@@ -71,6 +75,9 @@ const Project = ({ project }) => {
 								To languages:
 							</Typography>
 							{ Array.isArray(project.targetLanguages) && project.targetLanguages.map(l => (<Chip key={ l } label={ l }/>)) }
+						</div>
+
+
 					</React.Fragment>
 				}
 				/>