Issue Summary

In previous versions of Team Calendars (I've tested with TC 7.1.4 - bundled with 7.13.2), when embedding a Team Calendar to a page with multiple calendars selected, these calendars are displayed side by side in the bottom legend.

With Team Calendars version 7.3.21 (bundled with 7.19.0), with the same configuration on the Team Calendars macro on a Confluence page, calendars are displayed one under another.

This is reproducible on Data Center: yes

Steps to Reproduce

1. Install Confluence 7.19.x
2. Create two calendars
3. Create a page and add a Team Calendar macro
4. Select both calendars that we created on the second step to display in the macro
5. Leave the 'Calendar legend' property of the macro as 'bottom'
6. Save the page and check the legend on the bottom

Expected Results

The calendars are displayed side by side:

Actual Results

The calendars are displayed one under another:

Workaround

Noticed that one CSS property is missing (see the 'tc-html-comparision.png' in the attachments) in the new versions, so adding this as a Global Stylesheet is fixing the issue:

1. Please navigate to the > General Configuration > Stylesheet
2. Add the below CSS snippet to this page and save it:

   .sub-calendar-panel-bottom div.plugin-calendar .sub-calendar-panel .subcalendar-item {
       float: left;
   }
   

3. Reload the page that contains the Team Calendars macro.
   Browser cache may need to be cleared for the change to take effect.