projectSecondPart/Problem2 - updated css for UserDetail

projectSecondPart/src/photo-share/pages/user-detail/UserDetail.css

+.profile-description {
+    font-weight: bold;
+    margin-bottom: 5px;
+}

projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx

 import React from 'react';
 import {
-	Button,
 	Typography
 } from '@material-ui/core';
 import {Link, withRouter} from 'react-router-dom';
@@ -41,9 +40,9 @@ class UserDetail extends React.Component {
 					{user.first_name} {user.last_name}
 				</Typography>
 				<Typography variant="body1">
-					Occupation: {user.occupation} <br/>
-					From: {user.location} <br/>
-					Description: {user.description}
+					<span className="profile-description">Occupation:</span> {user.occupation} <br/>
+					<span className="profile-description">From:</span> {user.location} <br/>
+					<span className="profile-description">Description:</span> {user.description}
 				</Typography>
 			</>
 		);