From 883dfedfab4db9e4a75abcfe1149c9a4169b8bce Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Mon, 10 Jul 2017 21:57:25 +0700
Subject: [PATCH] Fix new count styles

---
 .../src/components/NewCount.js                   |  5 +++--
 client/coral-embed-stream/style/default.css      | 16 ++--------------
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/client/coral-embed-stream/src/components/NewCount.js b/client/coral-embed-stream/src/components/NewCount.js
index 8f3b77dcb..328c76481 100644
--- a/client/coral-embed-stream/src/components/NewCount.js
+++ b/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>;
diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index 023a2cc3d..2a73c761c 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/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;