Adjust HTML

src/app/content-creation/content-creation.component.html

-<form (ngSubmit)="addContent(subjectTitle.value, bodyText.value)">
+<form (ngSubmit)="addContent(subjectTitle.value, bodyText.value, contentRound.value)">
   <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10px">
     <mat-form-field>
-      <input class="input-block" #subjectTitle matInput (keypress)="resetEmptyInputs()" placeholder="Subject" [(ngModel)]="subject">
+      <input class="input-block" #subjectTitle matInput (keypress)="resetEmptyInputs()" placeholder="Subject" [(ngModel)]="subject"
+        name="Title">
+      <button mat-button *ngIf="subject" type="text" matSuffix mat-icon-button aria-label="Clear" (click)="subject=''">
+        <mat-icon>close</mat-icon>
+      </button>
     </mat-form-field>
     <mat-form-field>
-      <input class="input-block" #bodyText matInput matTextareaAutosize matAutosizeMinRows="3" matAutosizeMaxRows="8" (keypress)="resetEmptyInputs()"
-        placeholder="Body" [(ngModel)]="body">
-      <button mat-button matSuffix mat-icon-button aria-label="Clear" (click)="subject=''; body=''">
+    <input class="input-block" #contentRound matInput (keypress)="resetEmptyInputs()" placeholder="Round" [(ngModel)]="round"
+    name="Round">
+  </mat-form-field>
+    <mat-form-field>
+      <textarea #bodyText matInput matTextareaAutosize matAutosizeMinRows="3" matAutosizeMaxRows="8" (keypress)="resetEmptyInputs()"
+        placeholder="Body" [(ngModel)]="body" name="Text"></textarea>
+      <button mat-button *ngIf="body" type="text" matSuffix mat-icon-button aria-label="Clear" (click)="body=''">
         <mat-icon>close</mat-icon>
       </button>
     </mat-form-field>