<div class='container' cdkDrag [cdkDragData]="{'role': role}">
    <div class='titleBar' fxLayout>
        <div class='name' [title]='role.description' fxFlex>
            {{ role.name }}
        </div>
        <button mat-button fxFlex='0 1 0%' matTooltip='Edit role' (click)='edit()'>
            <mat-icon>edit</mat-icon>
        </button>
        <button mat-button fxFlex='0 1 0%' matTooltip='Delete role' (click)='delete()'>
            <mat-icon>delete</mat-icon>
        </button>
    </div>
</div>