From d73a6a87a4ed7592bda1dddc495a47db4142c3ff Mon Sep 17 00:00:00 2001
From: David Jay <davidgljay@gmail.com>
Date: Thu, 23 Feb 2017 15:19:38 -0500
Subject: [PATCH] Adding border radius to tag label.

---
 client/coral-embed-stream/style/default.css | 12 ++++++++++++
 client/coral-plugin-tag-label/TagLabel.js   |  4 +---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index a99ec1bc7..315db2dd3 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -171,6 +171,18 @@ hr {
   float: right;
 }
 
+/* Tag Labels */
+
+.coral-plugin-tag-label {
+  background-color: #4C1066;
+  color: white;
+  display: inline-block;
+  margin: 10px 10px;
+  padding: 5px 5px;
+  border-radius: 2px;
+}
+
+
 
 /* Reply styles */
 
diff --git a/client/coral-plugin-tag-label/TagLabel.js b/client/coral-plugin-tag-label/TagLabel.js
index 0bceca225..ba7403f5c 100644
--- a/client/coral-plugin-tag-label/TagLabel.js
+++ b/client/coral-plugin-tag-label/TagLabel.js
@@ -1,8 +1,6 @@
 import React from 'react';
 
-import styles from './styles.css';
-
-const TagLabel = ({isStaff}) => <div className={`${styles.staff}`}>
+const TagLabel = ({isStaff}) => <div className='coral-plugin-tag-label'>
   {isStaff ? 'Staff' : ''}
 </div>;