From 279c4830d66f9a97f7702a9d8d65ee3651b00f9e Mon Sep 17 00:00:00 2001
From: Markus Huggler <markus.huggler@novaloop.ch>
Date: Fri, 23 Dec 2022 11:41:34 +0100
Subject: [PATCH] feat: new matrix username view

---
 .../src/app/followings-matrix/matrix/matrix.component.html  | 2 +-
 .../src/app/followings-matrix/matrix/matrix.component.scss  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html
index dbeef49..f4f8d56 100644
--- a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html
+++ b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html
@@ -35,7 +35,7 @@
                           nbPopoverTrigger="hover"
                           nbPopoverPlacement="bottom"
                     >
-                        {{account.displayName}} (@{{account.username}})
+                        {{account.displayName}} <span class="username">@{{account.username}}</span>
                     </span>
                 </th>
                 <td *ngFor="let list of lists$ | async">
diff --git a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss
index 03ff2d9..15f51f6 100644
--- a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss
+++ b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss
@@ -1,3 +1,9 @@
+span.username {
+    font-weight: 100;
+    margin-left: 10px;
+    color: darkgray;
+}
+
 table {
     display: block;
     height: max(600px, calc(100vh - 300px));