Fix for firefox

website/studerende-dk/src/components/blocks/Calendar.vue

@@ -7,13 +7,13 @@
               <th id="calendarHead" colspan="6">
               <div style="display:flex;">
                 <div style="flex-grow: 30;">
-                  <button style="float:right" @click="prevWeek()"> &larr; </button>
+                  <button  @click="prevWeek()"> &larr; </button>
                 </div>
                 <div style="flex-grow: 40">
                   Uge: {{getWeek(today)}} - {{getMonthName(today.getMonth())}}
                 </div>
                 <div style="flex-grow: 30;">
-                  <button style="float:left" @click="nextWeek()"> &rarr; </button>
+                  <button  @click="nextWeek()"> &rarr; </button>
                 </div>
               </div>
             </th>
@@ -147,7 +147,7 @@ export default {
       const currentMonth = this.today.getMonth();
       const dayToMoveCalendarBackTo = this.today.getDate() - this.daysToAdd(false);
       this.today = new Date(currentYear, currentMonth, dayToMoveCalendarBackTo);
-      this.changeSchedule();
+      this.updateDaysInDisplay();
     },
 
     // Move the date forward based on calendar view
@@ -156,7 +156,7 @@ export default {
       const currentMonth = this.today.getMonth();
       const dayToMoveCalendarForwardTo = this.today.getDate() + this.daysToAdd(true);
       this.today = new Date(currentYear, currentMonth, dayToMoveCalendarForwardTo);
-      this.changeSchedule();
+      this.updateDaysInDisplay();
     },
 
     // Changes the schedule to the current week, is invoked each time the date is changed
@@ -282,8 +282,6 @@ export default {
 
     thead{
       border: 0;
-      padding: 0;
-      height: 100%;
 
       tr{
         &:first-of-type{
@@ -312,9 +310,7 @@ export default {
 
     }
     
-    tbody{
-      height: 100%;
-    
+    tbody{    
       tr{
         margin: 0px;
         padding: 0px;