From 11999d751a07d71ee40e41d1d6ee09f0e4822d59 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 19 Oct 2017 11:01:27 -0300
Subject: [PATCH] No inline styling

---
 .../src/components/CommentTombstone.css                |  6 ++++++
 .../src/components/CommentTombstone.js                 | 10 +++-------
 2 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 client/coral-embed-stream/src/components/CommentTombstone.css

diff --git a/client/coral-embed-stream/src/components/CommentTombstone.css b/client/coral-embed-stream/src/components/CommentTombstone.css
new file mode 100644
index 000000000..6119a5cd8
--- /dev/null
+++ b/client/coral-embed-stream/src/components/CommentTombstone.css
@@ -0,0 +1,6 @@
+.commentTombstone {
+  background-color: #F0F0F0;
+  text-align: center;
+  padding: 1em;
+  color: #3E4F71;
+}
\ No newline at end of file
diff --git a/client/coral-embed-stream/src/components/CommentTombstone.js b/client/coral-embed-stream/src/components/CommentTombstone.js
index 9af684265..cc3362563 100644
--- a/client/coral-embed-stream/src/components/CommentTombstone.js
+++ b/client/coral-embed-stream/src/components/CommentTombstone.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import t from 'coral-framework/services/i18n';
+import styles from './CommentTombstone.css';
 
 // Render in place of a Comment when the author of the comment is <action>
 class CommentTombstone extends React.Component {
@@ -19,14 +20,9 @@ class CommentTombstone extends React.Component {
 
   render() {
     return (
-      <div>
+      <div className="talk-comment-tombstone">
         <hr aria-hidden={true} />
-        <p style={{
-          backgroundColor: '#F0F0F0',
-          textAlign: 'center',
-          padding: '1em',
-          color: '#3E4F71',
-        }}>
+        <p className={styles.commentTombstone}>
           {this.getCopy()}
         </p>
       </div>