Style edit-dialog

src/app/components/creator/_dialogs/content-edit/content-edit.component.html

@@ -8,7 +8,10 @@
   <mat-table [dataSource]="displayAnswers">
     <ng-container matColumnDef="label">
       <mat-cell *matCellDef="let answer">
-        <h4>{{answer.answerOption.label}}</h4>
+        <h3>A:</h3>
+        <mat-form-field class="input-block">
+          <input matInput [(ngModel)]="answer.answerOption.label" maxlength="20" name="answer"/>
+        </mat-form-field>
       </mat-cell>
     </ng-container>
     <ng-container matColumnDef="checked">

src/app/components/creator/_dialogs/content-edit/content-edit.component.scss

@@ -3,5 +3,21 @@ textarea {
 }
 
 .mat-column-checked {
+  display: flex;
   justify-content: flex-end;
+  max-width: 30px;
+}
+
+mat-row {
+  background-color: #bbdefb;
+  border-color: #bbdefb;
+}
+
+h3 {
+  padding-right: 10px;
+  color: #4db6ac;
+}
+
+mat-cell {
+  padding-left: 10px!important;
 }