Skip to content

docs: keep npm badges full-size in packages table#656

Merged
ddeboer merged 1 commit into
mainfrom
docs/readme-badge-size
Jul 24, 2026
Merged

docs: keep npm badges full-size in packages table#656
ddeboer merged 1 commit into
mainfrom
docs/readme-badge-size

Conversation

@ddeboer

@ddeboer ddeboer commented Jul 24, 2026

Copy link
Copy Markdown
Member

The npm version badges in the root README’s packages table rendered far below their intrinsic 80×20 size. The three-column table (name, badge, description) exceeded GitHub’s content width, so the browser compressed the table to fit; the badge cells got squeezed and the shields.io SVGs – subject to GitHub’s img { max-width: 100% } – scaled down with them. The package-name column wrapped onto multiple lines for the same reason.

Changes

  • Merge the badge column into the package-name cell, with the badge on a second line below the name link, reducing the table to two columns that fit the content width
  • Update the section header colspan attributes from 3 to 2

Badges now render at full size and package names no longer wrap.

- Merge the badge column into the package-name cell, on a second line,
  reducing the packages table to two columns
- The three-column table exceeded GitHub's content width, so the browser
  compressed the badge cells and scaled the shields.io SVGs far below
  their intrinsic 80×20 size
- Update section header colspans from 3 to 2
@ddeboer
ddeboer merged commit c108333 into main Jul 24, 2026
2 checks passed
@ddeboer
ddeboer deleted the docs/readme-badge-size branch July 24, 2026 13:50
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.

1 participant