Increase spacing

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/App.vue

@@ -38,6 +38,7 @@
 
 	.setup input[type=url] {
 		width: 300px;
+	}
 
 	#app-content .social__wrapper {
 		margin: 15px calc(50% - 350px - 75px);

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;
 	}
 

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() {