Calendar events are not aligned when on the same line

It looks like this is caused by the custom CSS theme that you are using. I recommend checking the margins, padding, etc.

If the purpose of the CSS modification was to create a free space next to the events, I recommend using the columnMarginRight property as described in the calendar column margin docs topic.

Yes, but now the events are too stick together. look at this.

here’s the pic

You can add a space by overriding the right style of the inner event div:

body .calendar_default_event_inner {
  right: 2px;
}

any way to mae the event go in between the time limit ligns and not overlapping? up and bottom

I mean for example if the event is between 8 and 8.45 i would like the event to not be really on the time line but a bit more down

You can use the same approach for the other event borders. You can add a margin by overriding left, right, top, and bottom styles.