Кнопка со значком и текстом в материале 15

Question

Я надеюсь, что это простой вопрос - как я могу определить кнопку со значком и текстом в материале 15

      <button mat-button>
  <mat-icon>keyboard_arrow_left</mat-icon>
  Back To Home
</button>

Но не выравнивается

Answer 1

Нашел решение этой проблемы. Причина этого в том, что кнопка im Material теперь больше. Назначение значка этому классу решит проблему:

      .small-icon-button {
  width: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  & > *[role='img'] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;

    svg {
      width: 1rem;
      height: 1rem;
    }
  }

  .mat-mdc-button-touch-target {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }
}