Commit d6632e09 authored by Lukas Mauß's avatar Lukas Mauß

Improve styling

parent 0dd5d583
......@@ -38,18 +38,18 @@
<button id="pause-comments" mat-fab aria-labelledby="pause" class="actionButton"
*ngIf="!searchBox.value && !search && !freeze" (click)="pauseCommentStream()"
matTooltip="{{ 'comment-list.pause-comments' | translate }}">
<mat-icon class="pauseIcon">pause_circle_filled</mat-icon>
<mat-icon class="freezeIcon">pause_circle_filled</mat-icon>
</button>
<button id="play-comments" mat-fab aria-labelledby="play" class="actionButton"
*ngIf="!searchBox.value && !search && freeze" (click)="playCommentStream()"
matTooltip="{{ 'comment-list.play-comments' | translate }}">
<mat-icon class="playIcon">play_circle_filled</mat-icon>
<mat-icon class="freezeIcon">play_circle_filled</mat-icon>
</button>
<button id="add_comment_small-button" mat-fab aria-labelledby="add" class="actionButton" *ngIf="!searchBox.value && !search" (click)="openCreateDialog()"
matTooltip="{{ 'comment-list.add-comment' | translate }}">
<mat-icon class="addCommentIcon">add</mat-icon>
<mat-icon class="actionIcon">add</mat-icon>
</button>
</div>
......
......@@ -71,13 +71,14 @@ app-comment {
background-color: var(--primary);
}
.addCommentIcon {
.actionIcon {
transform: scale(1.5);
color: var(--surface)
}
.pauseIcon {
.freezeIcon {
transform: scale(1.3);
color: var(--surface);
}
.close {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment