MagicMirror² v2.7.0 is available! For more information about this release, check out this topic.

2 Calendar modules do not line up



  • Any idea why these 2 calendar modules do not properly line up on the left? Note that the top one is a combination of 2 gmail and 1 work calendar and the bottom one is a iCloud calendar. But I do not see how that could possible matter. For some reason the 2nd calendar data is pushed to the left about 10px.

    0_1552080067992_Screen Shot 2019-03-08 at 3.18.20 PM.png



  • Seems this has taken care of itself. I suspect that the overall length of something was causing the issue but not sure what it was.



  • Actually no this has not fixed itself. It keeps coming back. I think it has to do with the time element on the righthand side.

    Note that this is 2 different calendar modules running 1 - for myself and 1 for my wife. What I believe is happening is that when the time contains the string “Tomorrow at xx” or “Saturday at xx” in 1 of the calendars but not the other then the DIV and SPAN elements get pushed around causing the indention to get messed up.

    If I put all of the calendar info into a single module then there are no problems.

    Has anyone else seen this and if so how do you fix it?