Slick slider. Точки (dots) у активной высота и ширина по 15, а у неактивной 15 в ширину и 18 в высоту. Почему?

Question

[Максим Иванов]

https://codepen.io/roderen/pen/YzGamJZ
Активный dot 15 на 15 (как и должно быть), а неактивный 15 на 18...
Бордер должен быть 3px у неактивного как и сейчас (его нельзя убирать).

Answer 1

[Виталий Першин]

Обнулите padding у .developer-dots li button

.developer-dots li button {
	font-size: 0;
	line-height: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: transparent;
	border: 3px solid #c4c4c4;
  padding: 0;
}

Comments

[Максим Иванов]

Помогло!
Вам не кажется, что неактивный меньше активного? Или это из-за бордера 3пх и тут уже ничего не поделаешь или просто кажется?

[Виталий Першин]

Максим Иванов, Скорее всего так кажется из-за контраста цветов