From 581a7e3627d1bbf76301d3334e9d81489150df89 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de> Date: Sat, 9 Feb 2019 20:52:01 +0100 Subject: [PATCH] Replace text-button with icon-button --- .../content-choice-creator.component.html | 7 +++---- .../content-choice-creator.component.scss | 2 +- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/src/app/components/creator/content-choice-creator/content-choice-creator.component.html b/src/app/components/creator/content-choice-creator/content-choice-creator.component.html index 65f591bdd..61845ce9f 100644 --- a/src/app/components/creator/content-choice-creator/content-choice-creator.component.html +++ b/src/app/components/creator/content-choice-creator/content-choice-creator.component.html @@ -1,5 +1,4 @@ <form (ngSubmit)="submitContent()" fxLayout="column" fxLayoutGap="20px"> - <mat-divider></mat-divider> <mat-radio-group [(ngModel)]="singleChoice" [ngModelOptions]="{standalone: true}" fxLayout="row" fxLayoutAlign="center" fxLayoutGap="20px"> <mat-radio-button [value]=true [checked]=true> @@ -40,12 +39,12 @@ <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row> </mat-table> - <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="50px"> + <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px"> <mat-form-field class="input-block"> <input matInput #answerLabel [(ngModel)]="newAnswerOptionLabel" placeholder="{{ 'content.answer' | translate }}" name="answer"> </mat-form-field> - <button mat-button type="button" (click)="addAnswer($event); answerLabel.value = '';"> - {{ 'content.add-answer' | translate }} + <button mat-icon-button (click)="addAnswer($event); answerLabel.value = '';"> + <mat-icon color="primary">add_box</mat-icon> </button> </div> <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="50px"> diff --git a/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss b/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss index 3d0e678f5..fa85de7a2 100644 --- a/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss +++ b/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss @@ -1,5 +1,5 @@ form > button { - margin: 20px 0; + margin: 20px; } mat-header-cell { -- GitLab