How do I unsquish my appointments calendar?

To “unsquish” your appointments calendar you need to paste this little snippet of code in to this exact location. Head in to your Dashboard and cursor over Appointments and select Settings. Then scroll down to the section on Display Settings and there is a Custom CSS box at the bottom with this code already in it:
.entry-content td{border:none;width:50%}
Leave that code there but on the next line, paste this code exactly as it is:
.widget_appointments_monthly_calendar .app_monthly_schedule_wrapper {width: 100%;}

Then save at the bottom of the page and your calendar widget will no longer be “squished” together