Align badges with nicks

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;
 }

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}}