Index: src/wp-admin/css/list-tables.css
===================================================================
--- src/wp-admin/css/list-tables.css	(revision 33065)
+++ src/wp-admin/css/list-tables.css	(working copy)
@@ -1,77 +1,161 @@
-/* List table styles */
-.post-com-count-wrapper {
-	min-width: 22px;
-}
-
 .post-com-count {
-	background: none;
-	height: 1.3em;
-	line-height: 1.1em;
 	display: block;
-	text-decoration: none;
-	padding: 0 0 6px;
-	cursor: pointer;
-	background-position: center -80px;
-	background-repeat: no-repeat;
-	color: #fff;
 }
 
-.post-com-count:after {		/* draw bubble connector using CSS! */
-	content: "";
-	display: block;
-	width: 0;
-	height: 0;
-	margin-left: 8px;
-	border-top: 5px solid #b4b9be;
-	border-right: 5px solid transparent;
+.fixed .column-comments {
+	width: 14em;
 }
 
-.post-com-count span {
-	font-size: 11px;
-	font-weight: 600;
-	height: 1.4em;
-	line-height: 1.4em;
-	min-width: 0.7em;
-	padding: 0 6px;
+.comments-view-item-link {
 	display: inline-block;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	background-color: #b4b9be;
-	color: #fff;
+	clear: both;
 }
 
-.post-com-count:hover {
-	background-position: center -3px;
+.ie8 .post-com-count .screen-reader-text {
+	position: static;
+	width: auto;
+	height: auto;
+	margin: 0;
 }
 
-.post-com-count:hover span {
-	background-color: #00a0d2;
+.ie8 .post-com-count [aria-hidden="true"] {
+	display: none;
 }
 
-.post-com-count:hover:after {
-	border-top: 5px solid #00a0d2;
+.ie8 .post-com-count-wrapper strong {
+	font-weight: 400;
 }
 
-strong .post-com-count {
-	background-position: center -55px;
+.ie8 .post-com-count.post-com-count-pending {
+	color: #bf461d;
 }
 
-strong .post-com-count span {
-	background-color: #0073aa;
-}
+@media screen and ( min-width: 1121px ) {
+	.post-com-count .screen-reader-text {
+		position: static;
+		width: auto;
+		height: auto;
+		margin: 0;
+	}
 
-strong .post-com-count:after {
-	border-top: 5px solid #0073aa;
-}
+	.post-com-count [aria-hidden="true"] {
+		display: none;
+	}
 
-.column-response .post-com-count {
-	float: left;
-	margin-right: 5px;
-	text-align: center;
+	.post-com-count-wrapper strong {
+		font-weight: 400;
+	}
+
+	.post-com-count.post-com-count-pending {
+		color: #bf461d;
+	}
 }
 
-.response-links {
-	float: left;
+@media screen and ( max-width: 1120px ) {
+	.fixed .column-comments {
+		width: 4em;
+	}
+
+	/* List table styles */
+	.post-com-count-wrapper,
+	.post-com-count-wrapper .has-pending	{
+		float: left;
+	}
+
+	.post-com-count {
+		float: right;
+		background: none;
+		text-decoration: none;
+		color: #fff;
+		margin-top: 5px;
+	}
+
+	.post-com-count-no-comments:after,
+	.post-com-count-approved:after {
+		content: "";
+		display: block;
+		width: 0;
+		height: 0;
+		margin-left: 8px;
+		border-top: 5px solid #72777c;
+		border-right: 5px solid transparent;
+	}
+
+	.comment-count-pending {
+		display: none;
+	}
+
+	.comment-count-no-comments,
+	.comment-count-approved,
+	.has-pending .comment-count-pending {
+		display: block;
+		font-weight: 400;
+		vertical-align: top;
+		overflow: hidden;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	.comment-count-no-comments,
+	.comment-count-approved {
+		min-width: 24px;
+		height: 2em;
+		padding: 0 8px;
+		line-height: 1.90909090; /*  1.92857142 */
+		font-size: 11px;
+		text-align: center;
+		background-color: #72777c;
+		color: #fff;
+		-webkit-border-radius: 5px;
+		border-radius: 5px;
+	}
+
+	.has-pending .comment-count-pending {
+		position: relative;
+		top: -4px;
+		left: -3px;
+		min-width: 21px;
+		height: 21px;
+		border: 2px solid #fff;
+		padding: 0 5px;
+		line-height: 17px;
+		font-size: 9px;
+		font-weight: 400;
+		text-align: center;
+		background: #ca4a1f;
+		color: #fff;
+		-webkit-border-radius: 50%;
+		border-radius: 50%;
+		-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.3);
+		box-shadow: 0 1px 2px 1px rgba(0,0,0,0.3);
+	}
+
+	.post-com-count-pending:focus {
+		outline: none;
+		-webkit-box-shadow: none;
+		box-shadow: none;
+	}
+
+	.post-com-count-approved:hover .comment-count-approved,
+	.post-com-count-approved:focus .comment-count-approved {
+		background: #0073aa;
+	}
+
+	.post-com-count-approved:hover:after,
+	.post-com-count-approved:focus:after {
+		border-top-color: #0073aa;
+	}
+
+	.post-com-count-pending:hover .comment-count-pending,
+	.post-com-count-pending:focus .comment-count-pending {
+		-webkit-box-shadow:
+			0 0 0 1px #5b9dd9,
+			0 1px 2px 1px rgba(30, 140, 190, .8);
+		box-shadow:
+			0 0 0 1px #5b9dd9,
+			0 1px 2px 1px rgba(30, 140, 190, .8);
+	}
 }
 
 /* comments */
@@ -283,7 +367,6 @@
 }
 
 .fixed .column-comments {
-	width: 4em;
 	padding: 8px 0;
 	text-align: left;
 }
@@ -292,10 +375,6 @@
 	padding-left: 3px;
 }
 
-.fixed .column-comments a {
-	float: left;
-}
-
 /* Media file column */
 table.media .column-title {
 	position: relative;
@@ -1727,10 +1806,20 @@
 		display: none;
 	}
 
-	.comment-count {
+	.comment-count-no-comments,
+	.comment-count-approved {
+		min-width: 32px;
 		font-size: 14px;
+		line-height: 1.92857142;
 	}
 
+	.has-pending .comment-count-pending {
+		min-width: 24px;
+		height: 24px;
+		font-size: 11px;
+		line-height: 20px;
+	}
+
 	.wp-list-table th:not(.column-primary),
 	.wp-list-table th:not(.column-primary),
 	.wp-list-table tr:not(.inline-edit-row) td:not(.column-primary):not(.check-column) {
Index: src/wp-admin/includes/class-wp-comments-list-table.php
===================================================================
--- src/wp-admin/includes/class-wp-comments-list-table.php	(revision 33065)
+++ src/wp-admin/includes/class-wp-comments-list-table.php	(working copy)
@@ -689,7 +689,7 @@
 		$this->comments_bubble( $post->ID, $pending_comments );
 		echo '</span> ';
 		$post_type_object = get_post_type_object( $post->post_type );
-		echo "<a href='" . get_permalink( $post->ID ) . "'>" . $post_type_object->labels->view_item . '</a>';
+		echo "<a href='" . get_permalink( $post->ID ) . "' class='comments-view-item-link'>" . $post_type_object->labels->view_item . '</a>';
 		echo '</div>';
 		if ( 'attachment' == $post->post_type && ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) )
 			echo $thumb;
Index: src/wp-admin/includes/class-wp-list-table.php
===================================================================
--- src/wp-admin/includes/class-wp-list-table.php	(revision 33065)
+++ src/wp-admin/includes/class-wp-list-table.php	(working copy)
@@ -614,15 +614,46 @@
 	 * @param int $pending_comments Number of pending comments.
 	 */
 	protected function comments_bubble( $post_id, $pending_comments ) {
-		$pending_phrase = sprintf( __( '%s pending' ), number_format( $pending_comments ) );
+		$approved_comments = get_comments_number();
+		$approved_comments_number = number_format_i18n( $approved_comments );
+		$pending_comments_number = number_format_i18n( $pending_comments );
+		$approved_phrase = sprintf( _n( '%s approved comment', '%s approved comments', $approved_comments ), $approved_comments_number );
+		$pending_phrase = sprintf( _n( '%s pending comment', '%s pending comments', $pending_comments ), $pending_comments_number );
 
-		if ( $pending_comments )
-			echo '<strong>';
+		if ( $pending_comments ) {
+			echo '<strong class="has-pending">';
+		}
 
-		echo "<a href='" . esc_url( add_query_arg( 'p', $post_id, admin_url( 'edit-comments.php' ) ) ) . "' title='" . esc_attr( $pending_phrase ) . "' class='post-com-count'><span class='comment-count'>" . number_format_i18n( get_comments_number() ) . "</span></a>";
+		$no_comments_output = sprintf( '<span class="post-com-count post-com-count-no-comments"><span class="comment-count comment-count-no-comments" aria-hidden="true">%s</span><span class="screen-reader-text">%s</span></span>',
+			$approved_comments_number,
+			$pending_comments ? __( 'No approved comments' ) : __( 'No comments' )
+		);
 
-		if ( $pending_comments )
+		$approved_comments_output = sprintf( '<a href="%s" class="post-com-count post-com-count-approved"><span class="comment-count-approved" aria-hidden="true">%s</span><span class="screen-reader-text">%s</span></a>',
+			esc_url( add_query_arg( array( 'p' => $post_id, 'comment_status' => 'approved' ), admin_url( 'edit-comments.php' ) ) ),
+			$approved_comments_number,
+			$approved_phrase
+		);
+
+		$pending_comments_output = sprintf( '<a href="%s" class="post-com-count post-com-count-pending"><span class="comment-count-pending" aria-hidden="true">%s</span><span class="screen-reader-text">%s</span></a>',
+			esc_url( add_query_arg( array( 'p' => $post_id, 'comment_status' => 'moderated' ), admin_url( 'edit-comments.php' ) ) ),
+			$pending_comments_number,
+			$pending_phrase
+		);
+
+		if ( $pending_comments_number ) {
+			echo $pending_comments_output;
+		}
+
+		if ( $approved_comments_number ) {
+			echo $approved_comments_output;
+		} else {
+			echo $no_comments_output;
+		}
+
+		if ( $pending_comments ) {
 			echo '</strong>';
+		}
 	}
 
 	/**