From 146b0d2889a8e30fb69efc75beaa78818eb30a06 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Mon, 18 Feb 2019 11:16:52 +0900
Subject: [PATCH] Improve usability

---
 src/client/app/desktop/views/deck/deck.user-column.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/client/app/desktop/views/deck/deck.user-column.vue b/src/client/app/desktop/views/deck/deck.user-column.vue
index 0024a7809..47c291db0 100644
--- a/src/client/app/desktop/views/deck/deck.user-column.vue
+++ b/src/client/app/desktop/views/deck/deck.user-column.vue
@@ -16,9 +16,9 @@
 				<button class="menu" @click="menu" ref="menu"><fa icon="ellipsis-h"/></button>
 				<mk-follow-button v-if="$store.getters.isSignedIn && user.id != $store.state.i.id" :user="user" class="follow" mini/>
 				<mk-avatar class="avatar" :user="user" :disable-preview="true"/>
-				<span class="name">
+				<router-link class="name" :to="user | userPage()">
 					<mk-user-name :user="user"/>
-				</span>
+				</router-link>
 				<span class="acct">@{{ user | acct }} <fa v-if="user.isLocked == true" class="locked" icon="lock" fixed-width/></span>
 				<span class="followed" v-if="user.isFollowed">{{ $t('follows-you') }}</span>
 			</div>
@@ -171,6 +171,7 @@ export default Vue.extend({
 				margin-top 8px
 				font-weight bold
 				text-shadow 0 0 8px #000
+				color #fff
 
 			> .acct
 				display block