/*
 * psom_calendar.css
 *
 *
 *  @author      Thaler Software GmbH
 *  @copyright   Thaler Software GmbH
 *  @link        https://www.thaler-software.eu
 *
 */


/* Change the padding for the event entries in the calender*/
.fc-daygrid-day.fc-day, .fc-timegrid-col.fc-day {
    padding: 5px;
}

/* makes the break after the time in a event element*/
.fc-event-main-frame  {
  flex-direction: column;
}

/* set the cursor for the entries to pointer */
.fc-list-event.fc-event, .fc-event-main-frame {
    cursor: pointer;
}

/*
On small screens only the listMonth View should be displayed, calendar and week doesn't really make sense because fullcalendar is not really responsive
*/
@media (max-width: 576px) {
    .fc-header-toolbar.fc-toolbar {
        flex-direction: column;
    }

    button.fc-dayGridMonth-button, button.fc-timeGridWeek-button, button.fc-listMonth-button {
        display: none !important;
    }

    div.fc-view-harness {
        height: 400px !important;
    }
}