Fix new count styles

client/coral-embed-stream/src/components/NewCount.js

@@ -1,4 +1,5 @@
 import React, {PropTypes} from 'react';
+import {Button} from 'coral-ui';
 
 import t from 'coral-framework/services/i18n';
 
@@ -6,11 +7,11 @@ const NewCount = ({count, loadMore}) => {
   return <div className='talk-new-comments talk-load-more'>
     {
       count ?
-      <button onClick={loadMore}>
+      <Button onClick={loadMore}>
         {count === 1
           ? t('framework.new_count', count, t('framework.comment'))
           : t('framework.new_count', count, t('framework.comments'))}
-      </button>
+      </Button>
       : null
     }
   </div>;

client/coral-embed-stream/style/default.css

@@ -422,9 +422,8 @@ button.comment__action-button[disabled],
 
 .talk-new-comments {
   width: 100%;
-  display: flex;
-  justify-content: center;
-  cursor: pointer;
+  text-align: center;
+  margin: 4px 0;
 }
 
 .talk-load-more-replies {
@@ -433,12 +432,6 @@ button.comment__action-button[disabled],
   box-sizing: border-box;
 }
 
-.talk-new-comments {
-  position: relative;
-  top: 1.8em;
-  z-index: 100;
-}
-
 .talk-load-more-replies .talk-load-more-button {
   background-color: transparent;
   color: #979797;
@@ -451,11 +444,6 @@ button.comment__action-button[disabled],
   color: white;
 }
 
-.talk-new-comments  button.talk-load-more{
-  width: initial;
-}
-
-
 @media (min-device-width : 300px) and (max-device-width : 420px) {
   .commentActionsLeft.comment__action-container .coral-plugin-replies-reply-button {
     visibility: collapse;