diff --git a/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.css b/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.css index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..738fb7c63ea49a7b800fe52025d1494dee2c404c 100644 --- a/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.css +++ b/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.css @@ -0,0 +1,4 @@ +.profile-description { + font-weight: bold; + margin-bottom: 5px; +} diff --git a/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx b/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx index 6f45837e60835967ef0c15cd69a1e51ebdd671d9..bd0164dfbf5d104c584e77d570bafe92ff1f5390 100644 --- a/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx +++ b/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx @@ -1,6 +1,5 @@ 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> </> );