Как изменить положение формы в шаблоне html?

Question

Я пытаюсь изменить html здесь, в приложении Angular. Я хочу заменить выпадающий ввод на форму, чтобы разрешить ввод данных пользователем. Учитывая данные, я хочу отправить эти данные вместе с Model из выпадающего списка в запросе на отправку в серверную часть.

Как изменить шаблон HTML ? Я не знаю html достаточно для центрирования как кнопки Model, так и формы input, которая может go под кнопкой Model. В приложении вы можете найти существующий шаблон html:

<button class="button center" (click)="launchCluster($event)">Run Model</button>

<label class="model-label label">Model:</label>
<select class="model-select select" [(ngModel)]="deployment.modelName">
    <option *ngFor="let modelType of modelTypes" [value]="modelType.code">
        {{modelType.display}}
    </option>
</select>

<label class="input-label label">Input:</label>
<select class="input-select select" [(ngModel)]="deployment.inputLocation">
    <option *ngFor="let modelSource of modelSources" [value]="modelSource.fitData.Host">
        {{modelSource.name}}
    </option>
</select>

<form  [formGroup]="inputLocationForm">
    <label>inputLocation:</label>
    <input type="text" formControlName="inputLocation" class="form-control">
</form>

<p>
    Form Value: {{ inputLocationForm.value | json }}
</p>

В общем, есть ли хороший инструмент для генерации html для меня, позволяющий рисовать и перетаскивать макет?