From 0df4fd1e378527aa700a0f60bf10d274bf6dff35 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Fri, 4 Aug 2017 23:24:40 +0700
Subject: [PATCH] Adjust styling

---
 client/coral-admin/src/components/LoadMore.js    | 5 +++--
 client/coral-admin/src/components/UserDetail.css | 9 +++++++++
 client/coral-admin/src/components/UserDetail.js  | 1 +
 client/coral-ui/components/Drawer.css            | 2 +-
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/client/coral-admin/src/components/LoadMore.js b/client/coral-admin/src/components/LoadMore.js
index ac7ea38d6..969c6734f 100644
--- a/client/coral-admin/src/components/LoadMore.js
+++ b/client/coral-admin/src/components/LoadMore.js
@@ -1,9 +1,10 @@
 import React, {PropTypes} from 'react';
 import {Button} from 'coral-ui';
 import styles from './LoadMore.css';
+import cn from 'classnames';
 
-const LoadMore = ({loadMore, showLoadMore}) =>
-  <div className={styles.loadMoreContainer}>
+const LoadMore = ({loadMore, showLoadMore, className, ...rest}) =>
+  <div {...rest} className={cn(className, styles.loadMoreContainer)}>
     {
       showLoadMore && <Button
         className={styles.loadMore}
diff --git a/client/coral-admin/src/components/UserDetail.css b/client/coral-admin/src/components/UserDetail.css
index f0b08bfb7..20e090f47 100644
--- a/client/coral-admin/src/components/UserDetail.css
+++ b/client/coral-admin/src/components/UserDetail.css
@@ -79,3 +79,12 @@
     margin-left: -10px;
   }
 }
+
+.loadMore > button {
+  background-color: #696969;
+
+  &:hover {
+    background-color: #404040;
+    color: white;
+  }
+}
diff --git a/client/coral-admin/src/components/UserDetail.js b/client/coral-admin/src/components/UserDetail.js
index dcc40a029..34773ddef 100644
--- a/client/coral-admin/src/components/UserDetail.js
+++ b/client/coral-admin/src/components/UserDetail.js
@@ -170,6 +170,7 @@ export default class UserDetail extends React.Component {
             }
           </div>
           <LoadMore
+            className={styles.loadMore}
             loadMore={loadMore}
             showLoadMore={hasNextPage}
             />
diff --git a/client/coral-ui/components/Drawer.css b/client/coral-ui/components/Drawer.css
index d6a7e6871..88c30425f 100644
--- a/client/coral-ui/components/Drawer.css
+++ b/client/coral-ui/components/Drawer.css
@@ -3,7 +3,7 @@
   min-width: 550px;
   position: fixed;
   top: 0;
-  right: -17px;
+  right: 0px;
   bottom: 0;
   background-color: white;
   transition: transform 500ms ease-in-out;