Change subject and body field to inputs

src/app/creator-choice-content/creator-choice-content.component.html

@@ -3,13 +3,19 @@
     <mat-card class="input-form" fxLayoutGap="20px">
       <mat-card-header>
         <mat-card-title>
-          <h3 class="subheading-2">{{ subject }}</h3>
+          <h3 class="subheading-2">
+            <mat-form-field>
+              <input [(ngModel)]="subject" matInput placeholder="Subject" name="newSubject">
+            </mat-form-field>
+          </h3>
+          <h4>
+            <div>
+              <mat-form-field>
+                <input [(ngModel)]="body" matInput placeholder="Body" name="newBody">
+              </mat-form-field>
+            </div>
+          </h4>
         </mat-card-title>
-        <mat-card-subtitle>
-          <div>
-            {{ body }}
-          </div>
-        </mat-card-subtitle>
       </mat-card-header>
       <mat-divider></mat-divider>
       <mat-card-content>

src/app/creator-choice-content/creator-choice-content.component.ts

@@ -7,8 +7,8 @@ import { AnswerOption } from '../answer-option';
   styleUrls: ['./creator-choice-content.component.scss']
 })
 export class CreatorChoiceContentComponent implements OnInit {
-  subject = 'TestSubject';
-  body = 'TestBody';
+  subject: string;
+  body: string;
   newLabel: string;
   newPoints: string;
   options = [