From af0436b9468218940860d82fdee8f5ee04cc3c22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Mon, 12 Nov 2018 19:58:11 +0100
Subject: [PATCH] Increase spacing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/App.vue                    | 1 +
 src/components/UserEntry.vue   | 4 ++--
 src/views/ProfileFollowers.vue | 7 +++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9dedeaf5..a05ed52b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,6 +38,7 @@
 
 	.setup input[type=url] {
 		width: 300px;
+	}
 
 	#app-content .social__wrapper {
 		margin: 15px calc(50% - 350px - 75px);
diff --git a/src/components/UserEntry.vue b/src/components/UserEntry.vue
index 0f260bf0..63c86de2 100644
--- a/src/components/UserEntry.vue
+++ b/src/components/UserEntry.vue
@@ -30,7 +30,7 @@
 				<router-link :to="{ name: 'profile', params: { account: item.id }}">
 					<span class="post-author">{{ item.displayName }}</span>
 				</router-link>
-				<p class="user-description">{{ item.description}}</p>
+				<p class="user-description">{{ item.description }}</p>
 			</div>
 			<button v-if="item.following" class="icon-checkmark-color">Following</button>
 			<button v-else class="primary">Follow</button>
@@ -58,7 +58,7 @@ export default {
 </script>
 <style scoped>
 	.user-entry {
-		padding: 10px;
+		padding: 20px;
 		margin-bottom: 10px;
 	}
 
diff --git a/src/views/ProfileFollowers.vue b/src/views/ProfileFollowers.vue
index 345ff5df..862163df 100644
--- a/src/views/ProfileFollowers.vue
+++ b/src/views/ProfileFollowers.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<div class="social__followers">
-		<user-entry :item="user" v-for="user in users" />
+		<user-entry v-for="user in users" :item="user" :key="user.id" />
 	</div>
 </template>
 
@@ -34,17 +34,16 @@
 	}
 	.user-entry {
 		width: 50%;
-		padding: 10px;
 	}
 </style>
 
 <script>
-import UserEntry from '../components/UserEntry';
+import UserEntry from '../components/UserEntry'
 
 export default {
 	name: 'ProfileFollowers',
 	components: {
-		UserEntry,
+		UserEntry
 	},
 	computed: {
 		timeline: function() {