Index: wp-admin/css/list-tables.css
===================================================================
--- wp-admin/css/list-tables.css	(revision 33115)
+++ wp-admin/css/list-tables.css	(working copy)
@@ -1,79 +1,198 @@
-/* List table styles */
-.post-com-count-wrapper {
-	min-width: 22px;
-}
 
-.post-com-count {
-	background: none;
-	height: 1.3em;
-	line-height: 1.1em;
+.response-links {
 	display: block;
-	text-decoration: none;
-	padding: 0 0 6px;
-	cursor: pointer;
-	background-position: center -80px;
-	background-repeat: no-repeat;
-	color: #fff;
+	margin-bottom: 12px;
 }
 
-.post-com-count:after {		/* draw bubble connector using CSS! */
-	content: "";
+.response-links a {
 	display: block;
-	width: 0;
-	height: 0;
-	margin-left: 8px;
-	border-top: 5px solid #b4b9be;
-	border-right: 5px solid transparent;
 }
 
-.post-com-count span {
-	font-size: 11px;
+.response-links a.comments-edit-item-link {
 	font-weight: 600;
-	height: 1.4em;
-	line-height: 1.4em;
-	min-width: 0.7em;
-	padding: 0 6px;
-	display: inline-block;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	background-color: #b4b9be;
-	color: #fff;
 }
 
-.post-com-count:hover {
-	background-position: center -3px;
+.response-links a.comments-view-item-link {
+	font-size: 12px;
 }
 
-.post-com-count:hover span {
-	background-color: #00a0d2;
+.column-response .post-com-count .screen-reader-text {
+	position: static;
+	width: auto;
+	height: auto;
+	margin: 0;
 }
 
-.post-com-count:hover:after {
-	border-top: 5px solid #00a0d2;
+.column-response .post-com-count [aria-hidden="true"] {
+	display: none;
 }
 
-strong .post-com-count {
-	background-position: center -55px;
+.column-response .post-com-count-wrapper strong {
+	font-weight: 400;
 }
 
-strong .post-com-count span {
-	background-color: #0073aa;
+.column-response .post-com-count.post-com-count-pending {
+	color: #bf461d;
 }
 
-strong .post-com-count:after {
-	border-top: 5px solid #0073aa;
+.post-com-count {
+	display: block;
 }
 
-.column-response .post-com-count {
-	float: left;
-	margin-right: 5px;
-	text-align: center;
+.fixed .column-comments {
+	width: 14em;
 }
 
-.response-links {
-	float: left;
+.comments-view-item-link { 
+	display: inline-block;
+	clear: both;
 }
 
+.ie8 .post-com-count .screen-reader-text {
+	position: static;
+	width: auto;
+	height: auto;
+	margin: 0;
+}
+
+.ie8 .post-com-count [aria-hidden="true"] {
+	display: none;
+}
+
+.ie8 .post-com-count-wrapper strong {
+	font-weight: 400;
+}
+
+.ie8 .post-com-count.post-com-count-pending {
+	color: #bf461d;
+}
+
+@media screen and ( max-width: 782px ) {
+	.post-com-count .screen-reader-text {
+		position: static;
+		width: auto;
+		height: auto;
+		margin: 0;
+	}
+
+	.post-com-count [aria-hidden="true"] {
+		display: none;
+	}
+
+	.post-com-count-wrapper strong {
+		font-weight: 400;
+	}
+
+	.column-comments .post-com-count.post-com-count-pending {
+		color: #bf461d;
+	}
+}
+
+@media screen and ( min-width: 782px ) {
+	.fixed .column-comments {
+		width: 4em;
+	}
+
+	/* List table styles */
+	.column-comments .post-com-count-wrapper,
+	.column-comments .post-com-count-wrapper .has-pending	{
+		float: left;
+	}
+
+	.column-comments .post-com-count {
+		float: right;
+		background: none;
+		text-decoration: none;
+		color: #fff;
+		margin-top: 5px;
+	}
+
+	.column-comments .post-com-count-no-comments:after,
+	.column-comments .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;
+	}
+
+	.column-comments .comment-count-pending {
+		display: none;
+	}
+
+	.column-comments .comment-count-no-comments,
+	.column-comments .comment-count-approved,
+	.column-comments .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;
+	}
+
+	.column-comments .comment-count-no-comments,
+	.column-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;
+	}
+
+	.column-comments .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%;
+	}
+
+	.column-comments .post-com-count-pending:focus {
+		outline: none;
+		-webkit-box-shadow: none;
+		box-shadow: none;
+	}
+
+	.column-comments .post-com-count-approved:hover .comment-count-approved,
+	.column-comments .post-com-count-approved:focus .comment-count-approved {
+		background: #0073aa;
+	}
+
+	.column-comments .post-com-count-approved:hover:after,
+	.column-comments .post-com-count-approved:focus:after {
+		border-top-color: #0073aa;
+	}
+
+	.column-comments .post-com-count-pending:hover .comment-count-pending,
+	.column-comments .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 */
 
 .commentlist li {
@@ -283,7 +402,6 @@
 }
 
 .fixed .column-comments {
-	width: 4em;
 	padding: 8px 0;
 	text-align: left;
 }
@@ -292,9 +410,6 @@
 	padding-left: 3px;
 }
 
-.fixed .column-comments a {
-	float: left;
-}
 
 td.column-title strong,
 td.plugin-title strong {
Index: wp-admin/includes/class-wp-comments-list-table.php
===================================================================
--- wp-admin/includes/class-wp-comments-list-table.php	(revision 33115)
+++ wp-admin/includes/class-wp-comments-list-table.php	(working copy)
@@ -678,21 +678,25 @@
 		}
 
 		if ( current_user_can( 'edit_post', $post->ID ) ) {
-			$post_link = "<a href='" . get_edit_post_link( $post->ID ) . "'>";
+			$post_link = "<a href='" . get_edit_post_link( $post->ID ) . "' class='comments-edit-item-link'>";
 			$post_link .= esc_html( get_the_title( $post->ID ) ) . '</a>';
 		} else {
 			$post_link = esc_html( get_the_title( $post->ID ) );
 		}
 
-		echo '<div class="response-links"><span class="post-com-count-wrapper">';
-		echo $post_link . '<br />';
+		echo '<div class="response-links">';
+		echo $post_link;
+		$post_type_object = get_post_type_object( $post->post_type );
+		echo "<a href='" . get_permalink( $post->ID ) . "' class='comments-view-item-link'>" . $post_type_object->labels->view_item . '</a>';
+			if ( 'attachment' == $post->post_type && ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) )
+		echo $thumb;
+		echo '</div>';
+		echo '<span class="post-com-count-wrapper">';
 		$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 '</div>';
-		if ( 'attachment' == $post->post_type && ( $thumb = wp_get_attachment_image( $post->ID, array( 80, 60 ), true ) ) )
-			echo $thumb;
+
+
+
 	}
 
 	/**
Index: wp-admin/includes/class-wp-list-table.php
===================================================================
--- wp-admin/includes/class-wp-list-table.php	(revision 33115)
+++ wp-admin/includes/class-wp-list-table.php	(working copy)
@@ -13,7 +13,7 @@
 	/**
 	 * The current list of items
 	 *
-	 * @since 3.1.0
+	 * @since 3.1.0 
 	 * @var array
 	 * @access public
 	 */
@@ -614,15 +614,65 @@
 	 * @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 );
+		$total_phrase = sprintf( _n( '%s comment', '%s comments', $approved_comments ), $approved_comments_number );
+		$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">';
+		}
+		
+		if ($approved_comments_number < 1 && $pending_comments > 0) {
+	       $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' ) 
+	      ); 
+		} else {
+			$no_comments_output = sprintf( '<span aria-hidden="true">—</span><span class="screen-reader-text">%s</span>',
+			$pending_comments ? __( 'No approved comments' ) : __( 'No comments' )
+			);
+		}
 
-		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>";
+		$total_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,
+			$total_phrase
+		);
 
-		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 &&  $pending_comments ) {
+
+			echo $approved_comments_output;
+
+		} elseif ( $approved_comments_number ) {
+
+			echo $total_comments_output;
+
+		} else {
+			echo $no_comments_output;
+		}
+
+		if ( $pending_comments ) {
 			echo '</strong>';
+		}
 	}
 
 	/**
