Управление шаговым двигателем материала - сокращение пространства между заголовками

Question

Я использую Material Stepper на мобильном телефоне, я хотел бы использовать его в горизонтальном режиме, но я не могу идентифицировать CSS, чтобы уменьшить расстояние между заголовками. Я хотел бы, чтобы числа в мобильном режиме были видны, и чтобы было видно больше шагов.

Есть идеи?

Answer 1

Оказывается, на одном из моих шагов был элемент управления, который мешал Степперу правильно изменить размер. Теперь все отсортировано.

Answer 2

для удаления дополнительных полей вы можете добавить это в свой. css файл

  /deep/ .mat-horizontal-stepper-header{
    margin-bottom: 0!important;
  }