как выровнять кнопки mat-action-row?

Question

Мне нужно выровнять кнопки по левому краю и по центру, правая кнопка должна развернуть панель расширения.

<div>
    <mat-accordion>
        <mat-expansion-panel [(expanded)]="xpandStatus">
            <mat-panel-description>
                <p>I'm visible because I am open</p>
            </mat-panel-description>
        </mat-expansion-panel>
        <mat-action-row>
            <button mat-button>left</button>
            <button mat-button>center</button>
            <button mat-button (click)='xpandStatus=xpandStatus?false:true'>right</button>
        </mat-action-row>
    </mat-accordion>
</div>

Answer 1

добавить следующее в css

.mat-action-row {
    place-content: space-between;
}