Список репозиториев

Не так давно на Гитхабе у репозиториев появилась кнопка Used by со счётчиком, который показывает количество зависимых репозиториев. По клику мы попадаем на страницу со списком.

Выглядит несколько неряшливо. Немного приблизим и добавим направляющую, чтобы яснее увидеть неприятные места.

Как надо

Нет смысла ставить все иконки друг под другом, ведь в ситуации, когда встречаются уже двухзначные числа в списке, это не выглядит плохо, а банальное расположение иконок «по столбцам» добавило бы необоснованные дыры.

Внешне раздражают лишь небольшие сдвиги на малое число пикселей, которое легко исправляется использованием моноширинного шрифта.

Аналогично для единообразия и лучшего считывания «весомости числа» я бы добавил моноширинный шрифт и в сами счётчики.

Может возникнуть вопрос: «А не станет ли сайт тяжелее, ведь нам придётся тянуть новый шрифт?». Нет, не станет, Гитхаб изначально не использует кастомные шрифты, используя стандартные системные:

body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

Следовательно, в данном решении было прописано font-family: monospace, что подразумевает использование шрифта, установленного в системе. В моём случае это получился Consolas.