No enough space between numbers - for style=for-the-badge

[thamaraiselvam]

There is not enough space between these numbers so hard to read.

It happens when use style=for-the-badge

[paulmelnikow]

Hi, thanks for the report.

The problem is not just numbers, also letters, e.g.

https://img.shields.io/badge/foo-bar-green.svg?style=for-the-badge

It seems like probably one of the issues is that we are displaying bold letters while computing the width using narrower letters. Though something else is causing the letters on the left to be squashed.

https://img.shields.io/badge/FOO-BAR-green.svg?style=for-the-badge

Hmm, maybe we are measuring the lowercase letters…

https://img.shields.io/badge/downloads-5k-green.svg?style=for-the-badge

https://img.shields.io/badge/DOWNLOADS-5K-green.svg?style=for-the-badge

Is the font size different, too?

[u3u]

Use uppercase spacing is not the same

https://img.shields.io/badge/eslint-airbnb-ff5a5f.svg?style=for-the-badge&logo=airbnb

https://img.shields.io/badge/ESLint-AirBnb-ff5a5f.svg?style=for-the-badge&logo=airbnb

Is it possible to provide a parameter to set the spacing?

[thamaraiselvam]

How can I specify those capital letters for VS Code marketplace APIs and packagist?

https://img.shields.io/visual-studio-marketplace/d/Thamaraiselvam.remove-blank-lines.svg?style=for-the-badge

https://img.shields.io/packagist/dt/thamaraiselvam/mysql-import.svg?style=for-the-badge

[paulmelnikow]

Use uppercase spacing is not the same

Yea, that's definitely a bug we should fix.

This code is in flight as part of #2428, maybe it can be tackled there.

In the meantime you can set ?label=SOMETHING to tweak the spacing. There isn't a way to directlty override it.

[RedSparr0w]

It's strange that this makes a difference, Maybe the measurements are being done before this step:

shields/gh-badges/lib/make-badge.js

Lines 147 to 149 in 98f380b

	} else if (template === 'for-the-badge') {
	text = text.map(value => value.toUpperCase())
	}

[RedSparr0w]

Found the problem:
84c60c8#diff-8e42c268a94af1983cbdd09a6bdbe33eR114

This PR changed the text computation to measure left, right instead of text[0], text[1]
But didnt change

shields/gh-badges/lib/make-badge.js

Lines 147 to 149 in 98f380b

	} else if (template === 'for-the-badge') {
	text = text.map(value => value.toUpperCase())
	}

To use left, right.