fullcalendar.scss: display header as rows in mobile view, fixes #3880

Closes #3880

Merge request studip/studip!2737


(cherry picked from commit 6a4e871e)

442feb57 fullcalendar.scss: display header as rows in mobile view
2b4524e0 Apply 3 suggestion(s) to 1 file(s)

resources/assets/stylesheets/fullcalendar.scss

@@ -236,11 +236,19 @@ a.fc-event, td.fc-event {
 // Responsive
 .responsive-display {
     .fc-header-toolbar {
-        .fc-button-group {
-            .fc-button {
-                min-width: 0;
+        flex-direction: column;
+
+        .fc-left,
+        .fc-center,
+        .fc-right {
+            width: 100%;
+            text-align: center;
         }
+        .fc-left,
+        .fc-center {
+            margin-bottom: $line-height-computed - $font-size-base;
         }
+
     }
 
     .fc-view-container {