.mo-badge uses min-width instead of width, causing favicon icons to stretch the badge horizontally #8
Description
In moTimeline.css, .mo-badge is defined with:
min-width: var(--mo-badge-size);
height: var(--mo-badge-size);
When a favicon or custom badge icon has a natural width wider than --mo-badge-size, the min-width allows the element to grow horizontally while the height stays fixed — breaking the circular shape and stretching the badge into an ellipse/rectangle.
Expected: The badge is always a perfect circle, regardless of inner content dimensions.
Fix: Replace min-width with width:
width: var(--mo-badge-size);
height: var(--mo-badge-size);
The inner .mo-badge-icon already has width: 100%; height: 100%; object-fit: cover; which handles image scaling correctly once the container is a fixed square.
