Merge pull request 'better_display_on_small_screens' (#24) from better_display_on_small_screens into master

Reviewed-on: https://git.rz.ens.wtf/Klub-RZ/metis/pulls/24

src/App.svelte

@@ -32,6 +32,18 @@
 
   const params = new URL(document.location).searchParams.getAll('c');
 
+  const headers = mobile
+    ? {
+        left: 'title',
+        center: 'prev,today,next',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      }
+    : {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      };
+
   let calendar;
 
   let options = writable({
@@ -46,13 +58,7 @@
     ],
     locale: frLocale,
     allDayContent: '',
-    headerToolbar: {
-      left: mobile ? false : 'prev,next today',
-      center: 'title',
-      right: mobile
-        ? 'prev,today,next dayGridMonth,timeGridWeek,timeGridDay,listWeek'
-        : 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
-    },
+    headerToolbar: headers,
     height: '100%',
     schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
     nowIndicator: true,
@@ -142,6 +148,11 @@
     margin-bottom: 0 !important;
   }
 
+
+  :global(.fc-toolbar-chunk:not(:last-child)) {
+    margin-bottom: 0.25em;
+  }
+
   @media (max-width: 765px) {
     :global(.fc-header-toolbar) {
       flex-direction: column;