From 24766fb79eb81d7828b1f93e2d4f923b46762bd5 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Thu, 8 Nov 2018 11:20:50 +0900
Subject: [PATCH] :art:

---
 .../app/desktop/views/components/users-list.item.vue     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/client/app/desktop/views/components/users-list.item.vue b/src/client/app/desktop/views/components/users-list.item.vue
index f42d577fce..66a002c708 100644
--- a/src/client/app/desktop/views/components/users-list.item.vue
+++ b/src/client/app/desktop/views/components/users-list.item.vue
@@ -2,6 +2,7 @@
 <div class="zvdbznxvfixtmujpsigoccczftvpiwqh">
 	<div class="banner" :style="bannerStyle"></div>
 	<mk-avatar class="avatar" :user="user" :disable-preview="true"/>
+	<mk-follow-button :user="user" class="follow"/>
 	<div class="body">
 		<router-link :to="user | userPage" class="name">{{ user | userName }}</router-link>
 		<span class="username">@{{ user | acct }}</span>
@@ -9,7 +10,6 @@
 			<misskey-flavored-markdown v-if="user.description" :text="user.description" :i="$store.state.i"/>
 		</div>
 		<p class="followed" v-if="user.isFollowed">%i18n:@followed%</p>
-		<mk-follow-button :user="user" :size="'big'"/>
 	</div>
 </div>
 </template>
@@ -57,6 +57,11 @@ export default Vue.extend({
 		border-radius 100%
 		border solid 4px $bg
 
+	> .follow
+		position absolute
+		top 16px
+		right 16px
+
 	> .body
 		padding 4px 32px 32px 32px
 
@@ -75,7 +80,7 @@ export default Vue.extend({
 			margin 16px 0
 
 		> .followed
-			margin 0 0 16px 0
+			margin 0
 			padding 0
 			line-height 24px
 			font-size 0.8em