From 76f55b45247cc58360dcc9758aab2fc196a5ad12 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 30 Jan 2017 20:50:25 -0300
Subject: [PATCH] Cursor on user name, and Reply Bio box

---
 client/coral-embed-stream/src/Comment.css     | 4 +++-
 client/coral-embed-stream/src/Comment.js      | 4 +++-
 client/coral-plugin-author-name/AuthorName.js | 2 +-
 client/coral-plugin-author-name/styles.css    | 6 ++++--
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/client/coral-embed-stream/src/Comment.css b/client/coral-embed-stream/src/Comment.css
index 8b1378917..09a94aa55 100644
--- a/client/coral-embed-stream/src/Comment.css
+++ b/client/coral-embed-stream/src/Comment.css
@@ -1 +1,3 @@
-
+.Reply {
+  position: relative;
+}
diff --git a/client/coral-embed-stream/src/Comment.js b/client/coral-embed-stream/src/Comment.js
index 290c4a0e9..1c275118f 100644
--- a/client/coral-embed-stream/src/Comment.js
+++ b/client/coral-embed-stream/src/Comment.js
@@ -16,6 +16,8 @@ import {ReplyBox, ReplyButton} from 'coral-plugin-replies';
 import FlagComment from 'coral-plugin-flags/FlagComment';
 import LikeButton from 'coral-plugin-likes/LikeButton';
 
+import styles from './Comment.css'
+
 const getAction = (type, comment) => comment.actions.filter((a) => a.type === type)[0];
 
 class Comment extends React.Component {
@@ -87,7 +89,7 @@ class Comment extends React.Component {
 
     return (
       <div
-        className={parentId ? 'reply' : 'comment'}
+        className={parentId ? `reply ${styles.Reply}` : `comment ${styles.Comment}`}
         id={`c_${comment.id}`}
         style={{marginLeft: depth * 30}}>
         <hr aria-hidden={true} />
diff --git a/client/coral-plugin-author-name/AuthorName.js b/client/coral-plugin-author-name/AuthorName.js
index 06caab381..624750c60 100644
--- a/client/coral-plugin-author-name/AuthorName.js
+++ b/client/coral-plugin-author-name/AuthorName.js
@@ -27,7 +27,7 @@ export default class AuthorName extends Component {
     const {showTooltip} = this.state;
     return (
       <div className={`${packagename}-text ${styles.container}`} onClick={this.handleClick} onMouseLeave={this.handleMouseLeave}>
-        <a className={styles.authorName}>
+        <a className={`${styles.authorName} ${author.settings.bio ? styles.hasBio : ''}`}>
           {author && author.name}
           {author.settings.bio ? <span className={`${styles.arrowDown} ${showTooltip ? styles.arrowUp : ''}`} /> : null}
         </a>
diff --git a/client/coral-plugin-author-name/styles.css b/client/coral-plugin-author-name/styles.css
index ef93c43d8..55c00b282 100644
--- a/client/coral-plugin-author-name/styles.css
+++ b/client/coral-plugin-author-name/styles.css
@@ -2,10 +2,12 @@
   color: black;
   display: inline-block;
   margin: 10px 0;
+}
 
+.hasBio {
   &:hover {
-    cursor: pointer;
-  }
+     cursor: pointer;
+   }
 }
 
 .arrowDown {