From 2bc3b1b665d26d59606348eec7d6453fc96a51b3 Mon Sep 17 00:00:00 2001
From: Mattias <mattias.rasmusson.1032@student.lu.se>
Date: Mon, 15 Apr 2024 16:38:17 +0200
Subject: [PATCH] Update hover effect on menu items and user links

---
 frontend/src/Components/DisplayUnsignedReports.tsx | 2 +-
 frontend/src/Components/ProjectMembers.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Components/DisplayUnsignedReports.tsx b/frontend/src/Components/DisplayUnsignedReports.tsx
index 25a1da3..3cd32f8 100644
--- a/frontend/src/Components/DisplayUnsignedReports.tsx
+++ b/frontend/src/Components/DisplayUnsignedReports.tsx
@@ -65,7 +65,7 @@ function DisplayUserProject(): JSX.Element {
                   <Link
                     to={`/PMViewUnsignedReport/${projectName}/${usernames[index]}/${unsignedReport.week}`}
                   >
-                    <h1 className="underline cursor-pointer font-bold">
+                    <h1 className="cursor-pointer font-bold hover:font-extrabold hover:underline">
                       View Report
                     </h1>
                   </Link>
diff --git a/frontend/src/Components/ProjectMembers.tsx b/frontend/src/Components/ProjectMembers.tsx
index 06825bc..e06ed75 100644
--- a/frontend/src/Components/ProjectMembers.tsx
+++ b/frontend/src/Components/ProjectMembers.tsx
@@ -50,7 +50,7 @@ function ProjectMembers(): JSX.Element {
                     {projectMember.Username !==
                       localStorage.getItem("username") && (
                       <h1
-                        className="underline cursor-pointer font-bold"
+                        className="cursor-pointer font-bold hover:font-extrabold hover:underline"
                         onClick={() => {
                           confirm(
                             "Are you sure you want to delete this user? This action cannot be undone.",
@@ -64,7 +64,7 @@ function ProjectMembers(): JSX.Element {
                     <Link
                       to={`/otherUsersTimeReports/${projectName}/${projectMember.Username}`}
                     >
-                      <h1 className="underline cursor-pointer font-bold">
+                      <h1 className="cursor-pointer font-bold hover:font-extrabold hover:underline">
                         View Reports
                       </h1>
                     </Link>