frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css

@@ -55,3 +55,6 @@ app-task-overview {
   color: white;
 }
 
+::ng-deep .cal-event-title {
+  white-space: normal;
+}

frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts

@@ -99,6 +99,7 @@ export class DraggableSchedulerComponent {
                 this.events.push({
                     title:  this.computeTaskPath(schedule.taskgroupPath, schedule.task),
                     color: colors['red'],
+                    cssClass: 'test',
                     start: new Date(advancedSchedule.scheduleStartTime),
                     end: new Date(advancedSchedule.scheduleStopTime),
                     draggable: true,
@@ -126,6 +127,7 @@ export class DraggableSchedulerComponent {
         color: colors['yellow'],
         start: new Date(),
         draggable: true,
+        cssClass: 'test',
         resizable: {
           beforeStart: true,
           afterEnd: true

frontend/src/app/schedules/scheduler/scheduler.component.css

@@ -26,3 +26,6 @@
   width: 100%;
 }
 
+::ng-deep .cal-event-title {
+  white-space: normal;
+}