From a01eac25abb2dd9ce02dc57fe3964bef31d403e9 Mon Sep 17 00:00:00 2001
From: shaunandrews <shaun@automattic.com>
Date: Thu, 21 Jan 2016 12:34:59 -0500
Subject: [PATCH] =?UTF-8?q?Adding=20a=20link=20to=20the=20comment=20author?=
 =?UTF-8?q?=E2=80=99s=20site=20if=20it=20exists,=20along=20with=20an=20ext?=
 =?UTF-8?q?ernal=20icon.=20Also=20added=20a=20hover=20color=20to=20the=20c?=
 =?UTF-8?q?omment=20timestamp=20link.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/reader/comments/index.jsx  |  8 ++++++--
 client/reader/comments/style.scss | 18 ++++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/client/reader/comments/index.jsx b/client/reader/comments/index.jsx
index dd3bf18440ff6..b9b460138b643 100644
--- a/client/reader/comments/index.jsx
+++ b/client/reader/comments/index.jsx
@@ -13,7 +13,8 @@ var Gravatar = require( 'components/gravatar' ),
 	PostCommentForm = require( './form' ),
 	CommentLikeButtonContainer = require( './comment-likes' ),
 	stats = require( 'reader/stats' ),
-	PostCommentContent = require( './post-comment-content' );
+	PostCommentContent = require( './post-comment-content' ),
+	Gridicon = require( 'components/gridicon' );
 
 var PostComment = React.createClass( {
 
@@ -139,7 +140,10 @@ var PostComment = React.createClass( {
 			<li className={ 'comment depth-' + this.props.depth }>
 				<div className="comment__author">
 					<Gravatar user={ comment.author } />
-					<strong className="comment__username">{ comment.author.name }</strong>
+
+					{ comment.author.URL
+						? <a href={ comment.author.URL } target="_blank" className="comment__username">{ comment.author.name }<Gridicon icon="external" /></a>
+						: <strong className="comment__username">{ comment.author.name }</strong> }
 					<small className="comment__timestamp">
 						<a href={ comment.URL }>
 							<PostTime date={ comment.date } />
diff --git a/client/reader/comments/style.scss b/client/reader/comments/style.scss
index b1ae000f63857..8414ccffa553f 100644
--- a/client/reader/comments/style.scss
+++ b/client/reader/comments/style.scss
@@ -139,6 +139,7 @@
 }
 
 .comment__author {
+	font-weight: bold;
 	color: darken( $gray, 30 );
 
 	.gravatar {
@@ -147,6 +148,18 @@
 			left: -41px;
 		border-radius: 48px;
 	}
+
+	.gridicon {
+		height: 16px;
+		fill: lighten( $gray, 10 );
+		margin-left: 2px;
+		position: relative;
+			top: 2px;
+	}
+
+	&:hover .gridicon {
+		fill: $link-highlight;
+	}
 }
 
 .comment__username {
@@ -154,10 +167,15 @@
 }
 
 .comment__timestamp a {
+	font-weight: normal;
 	font-size: 13px;
 	color: lighten( $gray, 10 );
 	margin-left: 8px;
 	text-decoration: none;
+
+	&:hover {
+		color: $link-highlight;
+	}
 }
 
 .comment__moderation {