From fd4df9aaa91e144528cb3186cd02bac9134709e0 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 4 Dec 2018 20:43:32 +0100
Subject: [PATCH] Bold username

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/components/Composer.vue      | 13 +++++++++----
 src/components/TimelineEntry.vue |  4 ++++
 src/components/UserEntry.vue     |  4 ++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/Composer.vue b/src/components/Composer.vue
index 1bdb78b6..1f1ea238 100644
--- a/src/components/Composer.vue
+++ b/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{
diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue
index 7fa30b32..cf61db62 100644
--- a/src/components/TimelineEntry.vue
+++ b/src/components/TimelineEntry.vue
@@ -77,6 +77,10 @@ export default {
 		margin-top: 0;
 	}
 
+	.post-author {
+		font-weight: bold;
+	}
+
 	.post-author-id {
 		opacity: .7;
 	}
diff --git a/src/components/UserEntry.vue b/src/components/UserEntry.vue
index 95a94c4a..b583921e 100644
--- a/src/components/UserEntry.vue
+++ b/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;