From 71768c6ef4467057be5778e3f5904cc39b2d80a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Thu, 21 Mar 2019 23:03:30 +0100
Subject: [PATCH] Rearrange voting buttons
---
.../shared/comment/comment.component.html | 16 +++++++++-------
.../shared/comment/comment.component.scss | 7 ++++++-
2 files changed, 15 insertions(+), 8 deletions(-)
diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html
index f0eb75884..461683546 100644
--- a/src/app/components/shared/comment/comment.component.html
+++ b/src/app/components/shared/comment/comment.component.html
@@ -14,12 +14,14 @@
<button mat-icon-button [disabled]="isStudent" (click)="setRead(comment)" [matTooltip]="comment.read ? 'Mark as unread' : 'Mark as read'">
<mat-icon [ngClass]="{true: 'read-icon', false: 'unread-icon'}[comment.read]">visibility</mat-icon>
</button>
- <button mat-icon-button [disabled]="!isStudent" (click)="voteUp(comment)">
- <mat-icon>keyboard_arrow_up</mat-icon>
- </button>
- <h4>{{comment.score}}</h4>
- <button mat-icon-button [disabled]="!isStudent" (click)="voteDown(comment)">
- <mat-icon>keyboard_arrow_down</mat-icon>
- </button>
+ <div fxLayout="column">
+ <button mat-icon-button [disabled]="!isStudent" (click)="voteUp(comment)">
+ <mat-icon>keyboard_arrow_up</mat-icon>
+ </button>
+ <h3>{{comment.score}}</h3>
+ <button mat-icon-button [disabled]="!isStudent" (click)="voteDown(comment)">
+ <mat-icon>keyboard_arrow_down</mat-icon>
+ </button>
+ </div>
</div>
</mat-card>
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index 4d340dcc3..7430c26ca 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -38,9 +38,14 @@ mat-toolbar {
color: #fffde7;
}
-.proffesor-icon {
+.proffessor-icon {
background-size: cover;
margin-right: 10px;
margin-top: 10px;
}
+
+h3 {
+ text-align: center;
+ margin: 0;
+}
--
GitLab