Вертикальное выравнивание заголовка панели расширения матов после смещения из-за добавления кнопки-иконки в описание

Question

Я добавил значок-иконку к описанию заголовка моей панели расширения матов, однако он выбросил вертикальное выравнивание из моего фактического заголовка панели.

Есть ли простой способ исправить это?

https://stackblitz.com/edit/justify-toggle-button-end-ulgdrt

Answer 1

Вы можете добавить код ниже, он позаботится о вертикальном выравнивании

.mat-expansion-panel-header-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
}