TagList styling

2 files changed, 4 insertions, 8 deletions

diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css
index c19c7eec..337a3dc0 100644
--- a/vnext/src/components/Message.css
+++ b/vnext/src/components/Message.css
@@ -8,24 +8,20 @@
     justify-content: space-around;
 }
 .msg-cont > nav.l a {
-    color: #888;
+    color: #88958d;
     margin-right: 15px;
     font-size: small;
 }
 .msg-tags {
+    color: #88958d;
     margin-top: 12px;
     min-height: 1px;
 }
 .badge,
 .msg-tags > a {
-    background: #eee;
-    border: 1px solid #eee;
-    color: #888;
+    color: #88958d;
     display: inline-block;
     font-size: small;
-    margin-bottom: 5px;
-    margin-right: 5px;
-    padding: 0 10px;
 }
 .l .msg-button {
     align-items: center;
diff --git a/vnext/src/components/Message.js b/vnext/src/components/Message.js
index 6afb8d96..1d9afe9a 100644
--- a/vnext/src/components/Message.js
+++ b/vnext/src/components/Message.js
@@ -92,7 +92,7 @@ function Tags({ data, user, ...rest }) {
             {
                 data.map(tag => {
                     return (<Link key={tag} to={{ pathname: `/${user.uname}`, search: `?tag=${tag}` }} title={tag}>{tag}</Link>);
-                })
+                }).reduce((prev, curr) => [prev, ', ', curr])
             }
         </div>
     );