Как растянуть на всю ширину button toggle из angular material?

Question

[Alex10214]

Приветствую, как мне правильно растянуть на всю ширину button toggle из angular material?

Вот что у меня получается, если я на "mat-button-toggle-group" вешаю кастомный класс и задаю width: 100%.
Подскажите как правильно с этим бороться?

Comments

[Alex Karo]

Нужно ещё flex-grow: 1 поставить на mat-button-toggle - тогда растянутся
Может есть какие-то более элегантные решения по стилизации материала - не в курсе

Answer 1

[Alex10214]

Все стало четко при таких стилях:

.custom-mat-button-toggle-group {
  width: 100%;

  mat-button-toggle {
    flex-grow: 2;
  }
}