From 0c8db987002483c4e0ec5510dd1f92154e47f17e Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Mon, 26 Feb 2024 17:43:07 +0100
Subject: [PATCH] Style the unseen comments in the task table [SCI-10262]

---
 app/javascript/vue/my_modules/renderers/comments.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/javascript/vue/my_modules/renderers/comments.vue b/app/javascript/vue/my_modules/renderers/comments.vue
index d709c7697..b6fa847b2 100644
--- a/app/javascript/vue/my_modules/renderers/comments.vue
+++ b/app/javascript/vue/my_modules/renderers/comments.vue
@@ -10,7 +10,8 @@
     <template v-else>
       +
     </template>
-    <span v-if="params.data.comments.count_unseen > 0" class="unseen-comments">
+    <span v-if="params.data.comments.count_unseen > 0"
+          class="unseen-comments inline-block align-super text-xs font-semibold rounded-full bg-sn-science-blue text-sn-white w-3.5 h-3.5 text-center">
       {{params.data.comments.count_unseen }}
     </span>
   </a>