вопрос выравнивания заголовка заголовка панели расширения

Question

Я добавил кнопку для моей панели расширения матов: заголовок панели расширения матов в Angular Material 7.

Без кнопки выравнивание заголовка правильное, но с помощью кнопки оно сдвигается вверх. Ссылка на изображение ниже.

Я использую следующий scss для перемещения кнопки вправо.

.right-aligned-header > .mat-content {
    justify-content: space-between;
}

.mat-content > mat-panel-title, .mat-content > mat-panel-description {
  flex: 0 0 auto;
}

Как мне получить текст заголовка в его нормальном, центрированном положении?

Answer 1

Я использовал следующее:

mat-panel-title {
    justify-content: center !important;
}