From a77c9638f64d45b413f326f32af5ce24f9b97c29 Mon Sep 17 00:00:00 2001
From: Matt Rider <mattwr18@gmail.com>
Date: Tue, 20 Aug 2019 08:36:05 +0200
Subject: [PATCH] Refactor Notification.vue

- Follow @alina-beck's suggestions, use notification over notification: true, use span with font weight and margin-right to remove &nbsp;
---
 .../notifications/Notification/Notification.vue        | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/webapp/components/notifications/Notification/Notification.vue b/webapp/components/notifications/Notification/Notification.vue
index 2afe9e10c..6aa4a5eeb 100644
--- a/webapp/components/notifications/Notification/Notification.vue
+++ b/webapp/components/notifications/Notification/Notification.vue
@@ -1,5 +1,5 @@
 <template>
-  <ds-space :class="{ notification: true, read: notification.read }" margin-bottom="x-small">
+  <ds-space :class="[{ read: notification.read }, notification]" margin-bottom="x-small">
     <no-ssr>
       <ds-space margin-bottom="x-small">
         <hc-user
@@ -30,9 +30,7 @@
           <ds-space margin-bottom="x-small" />
           <div v-if="resourceType == 'Post'">{{ post.contentExcerpt | removeHtml }}</div>
           <div v-else>
-            <b>
-              Comment: &nbsp;
-            </b>
+            <span class="comment-notification-header">Comment:</span>
             {{ comment.contentExcerpt | removeHtml }}
           </div>
         </ds-card>
@@ -86,4 +84,8 @@ export default {
 .notifications-card {
   min-width: 500px;
 }
+.comment-notification-header {
+  font-weight: 700;
+  margin-right: 0.1rem;
+}
 </style>