<div
  class="chat-form"
  fxFlex="0 0 auto"
  fxLayout="row"
  fxLayoutAlign="center center"
>
  <form
    #replyForm="ngForm"
    (ngSubmit)="send($event)"
    (keydown.enter)="send($event)"
    fxFlex
    fxLayout="row"
    fxLayoutAlign="start center"
  >
    <mat-form-field
      class="message-text"
      fxFlex
      floatLabel="never"
      appearance="standard"
    >
      <textarea
        matInput
        #replyInput
        placeholder="Type your message"
        ngModel
        name="message"
        [rows]="1"
        [matTextareaAutosize]="true"
      ></textarea>
    </mat-form-field>

    <button
      class="send-message-button"
      mat-icon-button
      type="submit"
      aria-label="Send message"
    ></button>
  </form>
</div>