From 9378d0191a2d6b5adf0d37c16b2b94a3598c5f55 Mon Sep 17 00:00:00 2001 From: Martin Wighus Holtmon <martinwh@stud.ntnu.no> Date: Mon, 22 Nov 2021 15:00:34 +0100 Subject: [PATCH] projectSecondPart/Problem2 - updated css for UserDetail --- .../src/photo-share/pages/user-detail/UserDetail.css | 4 ++++ .../src/photo-share/pages/user-detail/UserDetail.jsx | 7 +++---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.css b/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.css index e69de29..738fb7c 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 6f45837..bd0164d 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> </> ); -- GitLab