Skip to content

fix(website): ensure icons are properly aligned within lists#606

Merged
pontusab merged 1 commit intomidday-ai:mainfrom
alexcarpenter:fix-list-icon-alignments
Sep 12, 2025
Merged

fix(website): ensure icons are properly aligned within lists#606
pontusab merged 1 commit intomidday-ai:mainfrom
alexcarpenter:fix-list-icon-alignments

Conversation

@alexcarpenter
Copy link
Copy Markdown
Contributor

@alexcarpenter alexcarpenter commented Sep 6, 2025

  • Ensure icons are aligned on the first line vs being vertically centered within the whole item.
  • Ensure icons don't shrink when the content is longer than one line.
BEFORE AFTER
Screenshot 2025-09-06 at 8 53 44 AM Screenshot 2025-09-06 at 8 54 10 AM

I'd considered extracting into a reusable component to ensure consistency across implementations, but kept it inline for the proposal. I'd also propose updating the div usage to use ul's for more semantic meaning as well.

Here is the implementation I usually follow for list containing icons https://alexcarpenter.me/notes/2025-08-14-1

@SyedAzeemJaved
Copy link
Copy Markdown

Such a simple yet impactful fix

@pontusab pontusab merged commit 9ee40b5 into midday-ai:main Sep 12, 2025
@pontusab
Copy link
Copy Markdown
Contributor

thank you!

TheVortex8 pushed a commit to TheVortex8/midday-docker-compose that referenced this pull request Oct 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants