frontend/src/app/dashboard/task-overview/task-overview.component.css

@@ -26,3 +26,8 @@
   color: white;
   border-radius: 0;
 }
+
+.task-link {
+  text-decoration: none;
+  color: black;
+}

frontend/src/app/dashboard/task-overview/task-overview.component.html

@@ -1,7 +1,7 @@
 <button mat-raised-button class="greenBtn long-btn" *ngIf="taskgroupID != undefined" (click)="openTaskCreation()">Add</button>
 <mat-card *ngFor="let task of tasks">
   <mat-card-content>
-    <h3>{{task.taskName}}</h3>
+    <h3><a class="task-link" [routerLink]="['/taskgroups', taskgroupID!, 'tasks', task.taskID]">{{task.taskName}}</a></h3>
     <mat-progress-bar mode="determinate" value="{{task.activeTime}}" class="progress"></mat-progress-bar>
     <p class="task-info"><i>ETA: </i>{{task.activeTime}} / {{task.eta}}</p>
     <p class="task-info"><i>Limit: </i>{{task.limit}}</p>

frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.html

@@ -1,5 +1,5 @@
 <mat-action-list style="padding: 0">
-  <button mat-list-item class="lightBlueBtn">Manage Taskgroups</button>
+  <button mat-list-item class="lightBlueBtn" [routerLink]="['/taskgroups']">Manage Taskgroups</button>
 </mat-action-list>
 <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" >
   <!-- This is the tree node template for leaf nodes -->