<div fxFlex="1 0 auto" *ngIf="!formActive" class="list-header-name" (click)="openForm()">
    {{list.name}}
</div>

<form [formGroup]="form" (ngSubmit)="onFormSubmit()"
      class="list-header-name-form" fxFlex="1 0 auto"
      *ngIf="formActive" fxFlex="row">

    <input formControlName="name" #nameInput fxFlex placeholder="Write a list Name">

    <button md-icon-button fxFlex="0 1 auto">
        <md-icon>check</md-icon>
    </button>
    <button md-icon-button fxFlex="0 1 auto" (click)="closeForm()" type="button">
        <md-icon>close</md-icon>
    </button>
</form>
