Hello, I recently inherited a small project from another developer which involves working with a calendar in a Salesforce Lightning component. The calendar is created using JavaScript to generate an unordered list filled with list items representing each day. However, there seems to be an issue where the alignment of the list items gets disrupted when displaying information like links within them.
Here's an example of the broken calendar days:
https://i.sstatic.net/NabBY.png
Each list item contains a paragraph tag with the day number and possibly a link, separated by a line break.
The JavaScript code snippet inside the lightning component handles this functionality but seems to cause misalignment issues due to the dynamic content being added to the list items. Is there a way to adjust or override the default alignment behavior of these calendar items?