diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html index 9a210632eddbe49abbc0ee80d0b10cb2bf4afe85..1fb4b311dad69b2a01d02c82a56ac5dcce6bbe3e 100644 --- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html +++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html @@ -9,7 +9,7 @@ </div> </div> <button id="exitButton" mat-raised-button (click)="onCloseClick()"> - <mat-icon >exit_to_app</mat-icon> + <mat-icon class="exitIcon">exit_to_app</mat-icon> </button> <div id="comment"> <p> diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss index 37da440d27a87089084134d3bfa4356f927fa635..84e56eea8525710597921afe1a719c66b7450953 100644 --- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss +++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss @@ -3,7 +3,7 @@ flex-direction: column; justify-content: center; text-align: left; - min-height: 90vh; + max-height: 90vh; font-size: 2.1em; margin: 5%; white-space: pre-line; @@ -21,7 +21,7 @@ } #exitButton { - background-color: var(--dialog); + background-color: var(--primary); color: black; position:absolute; top:2em; @@ -29,6 +29,10 @@ max-height: 100px; } +.exitIcon { + color: var(--on-primary); +} + mat-icon { color: var(--on-surface); }