Vaadin 6 calendar have wrong margin in first Appointment in day view

Flow
1

If I set setFirstVisibleHourOfDay/setLastVisibleHourOfDay to 8/16 in the vaadin calendar my first appointment (0800) get a wrong margin.

In the browser html code all my appointments have “margin:0” and “width: 500” except for the first visible appointment.

The html shows me, that the margin is overwrritten by the inline element.style :frowning:

Do anybody have an idea for a solution ?

2

Found it!

!important override element.style

.v-calendar .v-calendar-event-color1 {
color: #4f8324;
margin-left: 0px !important;
width: 100% !important;
}