From aeeb75597bed787f359ec25022069743f78e380c Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 18 Nov 2020 20:28:39 -0700
Subject: [PATCH] Update Direct component

---
 resources/assets/js/components/Direct.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/components/Direct.vue b/resources/assets/js/components/Direct.vue
index d7cdf7148..20dc3205e 100644
--- a/resources/assets/js/components/Direct.vue
+++ b/resources/assets/js/components/Direct.vue
@@ -32,9 +32,12 @@
 							<img class="mr-3 rounded-circle img-thumbnail" :src="thread.avatar" alt="Generic placeholder image" width="32px">
 							<div class="media-body">
 								<p class="mb-0">
-									<span class="font-weight-bold text-truncate" :title="[thread.isLocal ? '@' + thread.username : thread.username]" data-toggle="tooltip" data-placement="bottom">
+									<span class="font-weight-bold text-truncate">
 										{{thread.name}}
 									</span>
+									<span class="pl-1 text-muted small text-truncate" style="font-weight: 500;">
+										{{thread.isLocal ? '@' + thread.username : thread.username}}
+									</span>
 								</p>
 								<p class="text-muted mb-0" style="font-size:13px;font-weight: 500;">
 									<span>
@@ -65,9 +68,12 @@
 							<img class="mr-3 rounded-circle img-thumbnail" :src="thread.avatar" alt="Generic placeholder image" width="32px">
 							<div class="media-body">
 								<p class="mb-0">
-									<span class="font-weight-bold text-truncate" :title="[thread.isLocal ? '@' + thread.username : thread.username]" data-toggle="tooltip" data-placement="bottom">
+									<span class="font-weight-bold text-truncate">
 										{{thread.name}}
 									</span>
+									<span class="pl-1 text-muted small text-truncate" style="font-weight: 500;">
+										{{thread.isLocal ? '@' + thread.username : thread.username}}
+									</span>
 								</p>
 								<p class="text-muted mb-0" style="font-size:13px;font-weight: 500;">
 									<span>
@@ -98,9 +104,12 @@
 							<img class="mr-3 rounded-circle img-thumbnail" :src="thread.avatar" alt="Generic placeholder image" width="32px">
 							<div class="media-body">
 								<p class="mb-0">
-									<span class="font-weight-bold text-truncate" :title="[thread.isLocal ? '@' + thread.username : thread.username]" data-toggle="tooltip" data-placement="bottom">
+									<span class="font-weight-bold text-truncate">
 										{{thread.name}}
 									</span>
+									<span class="pl-1 text-muted small text-truncate" style="font-weight: 500;">
+										{{thread.isLocal ? '@' + thread.username : thread.username}}
+									</span>
 								</p>
 								<p class="text-muted mb-0" style="font-size:13px;font-weight: 500;">
 									<span>