From 707aa1959577c45f7ef6f09656cdcd6d24fda42a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Sat, 1 Jun 2019 20:01:00 +0200
Subject: [PATCH] Adjust buttons participant choice answer
---
.../content-choice-participant.component.html | 4 ++--
.../content-choice-participant.component.scss | 10 ++++++++++
2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/src/app/components/participant/content-choice-participant/content-choice-participant.component.html b/src/app/components/participant/content-choice-participant/content-choice-participant.component.html
index bbe19ad96..7d252fd36 100644
--- a/src/app/components/participant/content-choice-participant/content-choice-participant.component.html
+++ b/src/app/components/participant/content-choice-participant/content-choice-participant.component.html
@@ -19,7 +19,7 @@
</mat-radio-group>
<mat-divider></mat-divider>
<div fxLayoutAlign="center" fxLayoutGap="20px" fxAlign="row">
- <button mat-raised-button [disabled]="alreadySent" type="submit" color="accent">{{ 'answer.submit' | translate }}</button>
- <button mat-raised-button [disabled]="alreadySent" (click)="abstain($event)" color="primary">{{ 'answer.abstain' | translate }}</button>
+ <button mat-raised-button class="abstain" [disabled]="alreadySent" (click)="abstain($event)">{{ 'answer.abstain' | translate }}</button>
+ <button mat-raised-button class="submit" [disabled]="alreadySent" type="submit">{{ 'answer.submit' | translate }}</button>
</div>
</form>
diff --git a/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss b/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss
index 81c1f2bc4..f091afe27 100644
--- a/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss
+++ b/src/app/components/participant/content-choice-participant/content-choice-participant.component.scss
@@ -10,3 +10,13 @@ form > h1 {
margin:20px 0;
font-size: larger;
}
+
+.submit {
+ background-color: var(--primary);
+ color: var(--on-primary);
+}
+
+.abstain {
+ background-color: var(--secondary);
+ color: var(--on-secondary);
+}
--
GitLab