Thread styling

1 files changed, 5 insertions, 2 deletions

diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index d25ca228..fd10e86f 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -6,7 +6,6 @@ import Message from './Message';
 import MessageInput from './MessageInput';
 import Spinner from './Spinner';
 import Avatar from './Avatar';
-import Icon from './Icon';
 import Button from './Button';
 
 import { format } from '../utils/embed';
@@ -125,7 +124,7 @@ export default class Thread extends React.Component {
                       {
                         this.props.visitor.uid > 0 ? (
                           <React.Fragment>
-                            {this.state.active === msg.rid || <Button onClick={() => this.setActive(msg)}><Icon name="ei-envelope" size="s" />Reply</Button>}
+                            {this.state.active === msg.rid || <span style={linkStyle} onClick={() => this.setActive(msg)}>Reply</span>}
                             {this.state.active === msg.rid && <MessageInput data={msg} onSend={this.postComment}>Write a comment...</MessageInput>}
                           </React.Fragment>
                         ) : (
@@ -149,6 +148,10 @@ export default class Thread extends React.Component {
   }
 }
 
+const linkStyle = {
+  cursor: 'pointer'
+}
+
 function Recommendations(props) {
   const recomms = props.src;
   return recomms && recomms.length > 0 && (