UI: Misalignment in Layer5 Events Calendar in mobile

[Karan-Palan]

Description

The Layer5 Events Calendar page has a UI issue related to misalignment and readability concerns in the meeting schedule table. The "Meeting Minutes" column appears inconsistent, and some elements seem visually cluttered.

Expected Behavior

The table should have proper alignment, ensuring that all columns and rows are evenly spaced.
Text should be readable without overlapping or excessive gaps.
The "Meeting Minutes" column should be properly formatted to improve clarity.

Screenshots

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[Karan-Palan]

@vishalvivekm , any idea why meeting minutes is a different looking column? Is it on purpose or not?
Also shall I add some paddingX in desktop view as well?

[leecalcote]

There was a purpose for the different coloring. I don't recall what that was now. I do know that this wasn't the original color and that it doesn't look good now (isn't helpful, per say, either).

[Karan-Palan]

I've kept the same coloring for each of them and added some border-spacing between them. Do you have an idea which color was used if it was of a different color intentionally ? or maybe @vishalvivekm might know