Angular 将一个组件放在一些按钮和图像的右侧

我想用Angular制作一个仪表板，但我不知道如何将给定的表单放在上面

这是我的模板：

<div class="contenedor">
    <img src= "././assets/logoaplicaciondashboard.JPG">
    <h3>User management</h3>
    <mat-list>
        <mat-list-item>
            <button mat-flat-button (click)="btnAgregarSelector()">Create evaluator selector user</button>
        </mat-list-item>
        <mat-divider></mat-divider>
        <mat-list-item>Item 2</mat-list-item>
        <mat-divider></mat-divider>
        <mat-list-item>Item 3</mat-list-item>
    </mat-list>
    <div *ngIf=btnAgregarSelectorPulsado>
        <sroutines-form-agregar-selector-admin-datos></sroutines-form-agregar-selector-admin-datos>
    </div>
</div>

这就是我想要的组件：

https://i.imgur.com/qaDsxrO.jpg

（我还不能删除图像）

多谢各位

contenedor{
    display:flex;
    justify-content: left;
}

mat-divider{
    width: 300px;
}

h3{
    margin-left:10px;
}

sroutines-form-agregar-selector-admin-datos{
    display:flex;
    justify-content: center;
}