Vertical spacing between multiple calendar events

[Code Name]

There is a small vertical spacing (of a couple pixels) between calendar events when multiple events are in the same day. Is there a css tweak that changes that vertical spacing?

[WaltS48]

They are a bit close in Day and Week views.

Better separation in Multiweek, Month and the Today Pane views

[Code Name]

They are a bit close in Day and Week views.

Better separation in Multiweek, Month and the Today Pane views

I agree, the Day and Week views have zero separation whereas the Multiweek and Month view is much better.

I'd like to experiment by decreasing the amount of separation for the Multiweek and Month view by halving the amount...and if possible by making the Day and Week view the same changed amount of spacing.

It's strange that there are no borders around the calendar events in the Day and Week views like the other views have. I'm guessing borders probably can't be added with a css tweak. Dunno...

The Today Pane view (when multiple events are in the current day) display a tighter spacing (probably zero separation), but look pretty good due to the borders. Future day's events are all separated nicely with day of weeks and dates, which I like.

[Code Name]

I think the coding has 'margin-bottom' in it, but what I've found hasn't been the calendar multiweek and monthly view for events.

[morat]

Try something like:

Code: Select all

calendar-month-day-box-item {
  margin: 0px 1px 0px 1px !important;  /* top right bottom left */
  border: 0px solid red !important;    /* width style color */
  padding: 0px 1px 0px 1px !important; /* top right bottom left */
}

CSS Box Model
http://www.w3schools.com/css/css_boxmodel.asp

[Code Name]

Morat, you're tops! Thank you!

Changing the bottom padding did the trick.

I think (not sure) the bottom padding default is 4px. I played around with different pixel settings and decided that 2px looks best.

Is there a simple way to determine what the default spacing is other than visually looking and guessing?

PS - In my searching around to find the answer myself I came to the [obvious and incorrect] conclusion that 'margin-bottom' was what I was after...because I did a 'Try it yourself' on the W3 coding resource site, and changing the margin-bottom pixel setting definitely changed the separation spacing. So, I guess it depends...it depends on things that are not at all clear to me...