Bold username

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

src/components/Composer.vue

@@ -27,8 +27,8 @@
 		</div>
 		<form class="new-post-form" @submit.prevent="createPost">
 			<div class="author currentUser">
-				{{ currentUser.displayName }}
-				<span class="social-id">{{ socialId }}</span>
+				<span class="post-author">{{ currentUser.displayName }}</span>
+				<span class="post-author-id">{{ socialId }}</span>
 			</div>
 			<vue-tribute :options="tributeOptions">
 				<!-- eslint-disable-next-line vue/valid-v-model -->
@@ -85,6 +85,7 @@
 		z-index: 100;
 		margin-bottom: 10px;
 	}
+
 	.new-post-author {
 		padding: 5px;
 	}
@@ -100,8 +101,12 @@
 		min-height: 70px;
 	}
 
-	.author .social-id {
-		opacity: .5;
+	.post-author {
+		font-weight: bold;
+	}
+
+	.post-author-id {
+		opacity: .7;
 	}
 
 	[contenteditable=true]:empty:before{

src/components/TimelineEntry.vue

@@ -77,6 +77,10 @@ export default {
 		margin-top: 0;
 	}
 
+	.post-author {
+		font-weight: bold;
+	}
+
 	.post-author-id {
 		opacity: .7;
 	}

src/components/UserEntry.vue

@@ -92,6 +92,10 @@ export default {
 		flex-shrink: 0;
 	}
 
+	.post-author {
+		font-weight: bold;
+	}
+
 	.entry-content {
 		display: flex;
 		align-items: flex-start;