update calendar style

source/_data/data.json

@@ -101,7 +101,7 @@
     "label": "Název políčka",
     "placeholder": "Placeholder"
   },
-  "personCalendarData": "[{\"title\": \"event 1\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-10\", \"url\": \"https://example.com\"}]",
+  "personCalendarData": "[{\"title\": \"event 1\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 3\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 4\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 5\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-10\", \"url\": \"https://example.com\"}]",
   "greyColors": [
     {"cls": "grey-50", "hex": "#f7f7f7", "name": "Grey 50"},
     {"cls": "grey-100", "hex": "#f3f3f3", "name": "Grey 100"},

source/_patterns/03-templates/candidate-detail.mustache

@@ -11,11 +11,11 @@
   <main>
     <div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
       <section class="lg:w-3/5 xl:w-2/3">
-        <div class="mb-10">
+        <div class="mb-16">
           {{> molecules-content-block(classes: "w-full", noStartHeadline: true) }}
         </div>
         <div>
-          <h2 class="head-alt-md mb-3">Kalendář</h2>
+          <h2 class="head-alt-md mb-3"><i class="ico--calendar mr-4"></i>Kalendář</h2>
           {{> atoms-person-calendar() }}
         </div>
       </section>

source/css/atoms/person-calendar.pcss

@@ -15,6 +15,10 @@
   @apply font-condensed;
 }
 
+.fc-col-header {
+  width: 100%!important;
+}
+
 /* Don't underline only when there is no href attribute defined. */
 .fc .fc-col-header-cell-cushion:not([href]),
 .fc .fc-daygrid-day-number:not([href]) {
@@ -26,7 +30,7 @@
 }
 
 .fc .fc-button {
-  @apply font-alt rounded-none px-5 py-2;
+  @apply font-alt rounded-none px-5 py-2 duration-150;
 }
 
 .fc .fc-button:hover:not(:disabled),

source/js/components/person_calendar/Calendar.vue

@@ -13,6 +13,7 @@ export default {
       calendarOptions: {
         plugins: [ dayGridPlugin, interactionPlugin ],
         initialView: "dayGridMonth",
+        contentHeight: "auto",
         locale: "cs",
         buttonText: {
           today: "dnes"