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