Styles task previews on dashboard with correct spacing and font sizes/colour [RS]

frontend/src/MyProjectTasks.js

@@ -12,7 +12,7 @@ const MyProjectTasks = ({ tasks, title }) => {
                         <h3><strong>Priority level:</strong> {task.priority}</h3>
                         <h3><strong>To be done by:</strong> {task.due_date}</h3>
                         <Link to={`/projects/${task.project_id}`}>
-                            <h4>Go to project landing page</h4>
+                            <h4>Click to see the project details</h4>
                         </Link>
                     </div>
                 ))}

frontend/src/index.css

@@ -645,9 +645,24 @@ Note: Beware of modifying this element as it can break the animations - you shou
   padding-bottom: 7px;
 }
 
-.todo-preview h3 {
+.task-preview h3 {
   font-size: 10;
   color: rgb(0, 0, 0);
   padding-bottom: 7px;
   padding-left: 4px;
+}
+
+.task-preview h4 {
+  padding-left: 6px;
+  padding-bottom: 10px;
+}
+
+.task-preview h4:hover {
+  font-weight: bolder;
+  color: blue;
+}
+
+.task-preview a {
+  text-decoration: none;
+  padding-top: 0px;
 }
\ No newline at end of file