From 3f39fe6e5569f45c4ccefc55b513f3dbefb9bc7c Mon Sep 17 00:00:00 2001
From: Klaus Quibeldey-Cirkel <klaus.quibeldey-cirkel@mni.thm.de>
Date: Tue, 24 Dec 2019 14:23:34 +0100
Subject: [PATCH] correct icon color for answered question

---
 src/app/components/shared/comment/comment.component.html | 2 +-
 src/app/components/shared/comment/comment.component.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html
index 696a1f24b..17c8eeedf 100644
--- a/src/app/components/shared/comment/comment.component.html
+++ b/src/app/components/shared/comment/comment.component.html
@@ -26,7 +26,7 @@
 
       <button mat-icon-button *ngIf="comment.answer" (click)="openAnswerTextDialog()"
               tabindex="0">
-        <mat-icon matTooltip="{{ 'comment-page.has-answer' | translate }}">comment
+        <mat-icon class="answered-icon" matTooltip="{{ 'comment-page.has-answer' | translate }}">comment
         </mat-icon>
       </button>
 
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index cd0d69829..c2dcb0a73 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -30,6 +30,10 @@ mat-card-content > :first-child {
   color: slategray;
 }
 
+.answered-icon {
+  color: var(on-surface);
+}
+
 .correct-icon {
   color: var(--green);
 }
-- 
GitLab