Fix calendar height

frontend/src/app/features/calendar/te-calendar/te-calendar.component.ts

@@ -122,7 +122,8 @@ export class TimeEntryCalendarComponent {
     initialView: 'timeGridWeek',
     firstDay: this.configuration.startOfWeek(),
     hiddenDays: [],
-    contentHeight: 605,
+    // This is a magic number that is derived by trial and error
+    contentHeight: 550,
     slotEventOverlap: false,
     slotLabelInterval: `${this.labelIntervalHours}:00:00`,
     slotLabelFormat: (info:any) => ((this.maxHour - info.date.hour) / this.scaleRatio).toString(),

frontend/src/app/features/calendar/te-calendar/te-calendar.template.html

@@ -1,19 +1,25 @@
 <!-- position: relative added in order for the loading indicator to be positioned correctly -->
-<div class="te-calendar--container loading-indicator--location"
+<div
-     [attr.data-indicator-name]="'table'"
+  class="te-calendar--container loading-indicator--location"
-     style="position: relative">
+  [attr.data-indicator-name]="'table'"
-
+  style="position: relative"
-  <button *ngIf="memoizedCreateAllowed"
+>
-          class="button te-calendar--create-button"
+  <button
-          [attr.aria-label]="text.logTime"
+    *ngIf="memoizedCreateAllowed"
-          (click)="addEventToday()">
+    class="button te-calendar--create-button"
+    [attr.aria-label]="text.logTime"
+    (click)="addEventToday()"
+  >
     <op-icon icon-classes="button--icon icon-log_time"></op-icon>
-    <span class="button--text"
+    <span
-          [textContent]="text.logTime"
+      class="button--text"
-          aria-hidden="true"></span>
+      [textContent]="text.logTime"
+      aria-hidden="true"
+    ></span>
   </button>
 
-  <full-calendar #ucCalendar
+  <full-calendar
-                 [options]="calendarOptions">
+    #ucCalendar
-  </full-calendar>
+    [options]="calendarOptions"
+  ></full-calendar>
 </div>