From 8b9e4892ff7723d0eafbb24af58699cc1c903deb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Forr=C3=B3?= <nikola@mraveniste.cc>
Date: Sun, 24 Jun 2018 12:11:59 +0200
Subject: [PATCH] Align badges with nicks

---
 apps/comments/src/app/comments/comments.component.css  | 8 ++++++++
 apps/comments/src/app/comments/comments.component.html | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/comments/src/app/comments/comments.component.css b/apps/comments/src/app/comments/comments.component.css
index 2204338..727c542 100644
--- a/apps/comments/src/app/comments/comments.component.css
+++ b/apps/comments/src/app/comments/comments.component.css
@@ -10,6 +10,14 @@
     font-weight: 500;
 }
 
+.mat-column-commenter_display_name img {
+    vertical-align: middle;
+}
+
+.mat-column-commenter_display_name span.commenter {
+    vertical-align: middle;
+}
+
 .spacer {
     flex: 1 1 auto;
 }
diff --git a/apps/comments/src/app/comments/comments.component.html b/apps/comments/src/app/comments/comments.component.html
index bed1c0e..826d7cd 100644
--- a/apps/comments/src/app/comments/comments.component.html
+++ b/apps/comments/src/app/comments/comments.component.html
@@ -46,13 +46,14 @@
                 <span *ngIf="comment.message_user_badges">
 
                     <ng-template ngFor let-token [ngForOf]="badges$ | async | splitbadges : comment.message_user_badges">
+
                         <img src="{{token.url}}" alt="{{token.title}}" *ngIf="token.hasOwnProperty('url')">
 
                     </ng-template>
 
                 </span>
             
-                <span [ngStyle]="{color: comment.message_user_color}">
+                <span class="commenter" [ngStyle]="{color: comment.message_user_color}">
                     
                     {{comment.commenter_display_name}}