diff --git a/src/app/components/creator/_dialogs/content-edit/content-edit.component.html b/src/app/components/creator/_dialogs/content-edit/content-edit.component.html index 9b0e5c2b6deb9ebfa720435cf07e618d26229d41..1661bd4ff9c57cabef687a38da9ab7d14b156b40 100644 --- a/src/app/components/creator/_dialogs/content-edit/content-edit.component.html +++ b/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"> diff --git a/src/app/components/creator/_dialogs/content-edit/content-edit.component.scss b/src/app/components/creator/_dialogs/content-edit/content-edit.component.scss index fc44237d43fd9c9a5bf376e12a91cf57888bd053..01cdccbf341c8eb552af90c6d83af66d6d4dcce1 100644 --- a/src/app/components/creator/_dialogs/content-edit/content-edit.component.scss +++ b/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; }