Thread styling

2 files changed, 7 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 && (
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 9f1d42c0..05a0e653 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -471,6 +471,8 @@ article .tags > a,
 }
 #replies .msg-cont {
     margin: 0;
+    box-shadow: none;
+    border-bottom: 1px #eee solid;
 }
 #replies .msg-txt,
 #private-messages .msg-txt {