Я тебя понял.
введите описание изображения здесь
Поле, на которое вы смотрите, находится на элементе label внутри элемента li. Переопределите его с помощью собственного стиля.
Я добавил это в инструменты разработчика, чтобы протестировать его, но вы должны добавить его в свой код, который у вас есть в возвышенном тексте, затем перезагрузите и протестируйте.
<style>
.my-custom-style{
margin: 0 !important;
}
</style>
Вам понадобится флаг !important, чтобы переопределить другие флаги !important. Поместите это прямо над элементом ярлыка, как на скриншоте. Затем в элементе label обязательно добавьте класс, чтобы он выглядел следующим образом:
<label class="custom-form-label sort-element my-custom-style" ...></label>
(... нужны только для того, чтобы для краткости пропустить все остальное. Не вставляйте это).
Просто убедитесь, что он добавлен в качестве последнего класса к обоим элементам, для которых вы хотите переопределить поле.
Кроме того, еще один совет, если вам действительно нужно, вы можете попробовать добавить отрицательный запас, если вы хотите сжать sh вещи немного плотнее.
<style>
.my-custom-style{
margin-top: -5px !important;
margin-bottom: -5px !important;
}
</style>
Последняя мысль: похоже, вы используете AMP, поэтому добавление подобного пользовательского стиля может быть некорректным. Есть вероятность, что вам придется добавить собственный стиль к стилям в заголовке, вместо другого css.