Cannot modify row height with CSS due to inline style

Event calendars & schedulers
1

I am trying to make the event calendar as compact as possibly, both in row height and column width.

I have tried setting various CSS styles to no avail, because whatever I do, the height gets overridden by a minHeight that is set inline (see image).

I do not know how to control this min height?

image
image899×224 21.2 KB

2

I managed to make it more compact by setting resource eventCreation to false

Then modifying the following styles:

.mbsc-timeline-row {
height: 12.5px;
}

.mbsc-schedule-event {
height: 14px;
}

.mbsc-timeline-event-background {
margin-top: 4px;
}

.mbsc-timeline-row-gutter {
height: 2.5px;
}