adjust styles for CopyDropdown

src/client/js/components/Page/CopyDropdown.jsx

@@ -42,11 +42,20 @@ export default class CopyDropdown extends React.Component {
     return (
       <Dropdown id="copyPagePathDropdown">
 
-        <Dropdown.Toggle bsSize="sm" data-toggle="tooltip" data-placement="bottom" data-trigger="manual" title="copied!">
+        <Dropdown.Toggle
+          className="btn-copy"
+          style={this.props.buttonStyle}
+          data-toggle="tooltip"
+          data-placement="bottom"
+          data-trigger="manual"
+          title="copied!"
+        >
           <i className="ti-clipboard"></i>
         </Dropdown.Toggle>
 
         <Dropdown.Menu>
+          <li>aaa</li>
+
           {/* Page path */}
           <CopyToClipboard text={this.props.pagePath} onCopy={this.showToolTip}>
             <MenuItem>
@@ -101,4 +110,5 @@ export default class CopyDropdown extends React.Component {
 CopyDropdown.propTypes = {
   pagePath: PropTypes.string.isRequired,
   pageId: PropTypes.string,
+  buttonStyle: PropTypes.object,
 };

src/client/js/components/Page/RevisionPath.jsx

@@ -79,7 +79,7 @@ export default class RevisionPath extends React.Component {
       marginLeft: '0.2em',
       marginRight: '0.2em',
     };
-    const editButtonStyle = {
+    const buttonStyle = {
       marginLeft: '0.5em',
       padding: '0 2px',
     };
@@ -112,9 +112,9 @@ export default class RevisionPath extends React.Component {
         </span>
         {afterElements}
 
-        <CopyDropdown pagePath={this.props.pagePath} pageId={this.props.pageId}></CopyDropdown>
+        <CopyDropdown pagePath={this.props.pagePath} pageId={this.props.pageId} buttonStyle={buttonStyle}></CopyDropdown>
 
-        <a href="#edit" className="btn btn-default btn-edit" style={editButtonStyle}>
+        <a href="#edit" className="btn btn-default btn-edit" style={buttonStyle}>
           <i className="icon-note" />
         </a>
       </span>