feat: document menu available in sidebar (#986)

* feat: document menu available in sidebar

* fix: more accessible blue

* feat: accessible blue
feat: clearer new doc button
closes #983

* lint

app/menus/NewDocumentMenu.js

@@ -3,11 +3,12 @@ import * as React from 'react';
 import { observable } from 'mobx';
 import { inject, observer } from 'mobx-react';
 import { Redirect } from 'react-router-dom';
-import { MoreIcon, CollectionIcon, PrivateCollectionIcon } from 'outline-icons';
+import { PlusIcon, CollectionIcon, PrivateCollectionIcon } from 'outline-icons';
 
 import { newDocumentUrl } from 'utils/routeHelpers';
 import CollectionsStore from 'stores/CollectionsStore';
 import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
+import Button from 'components/Button';
 
 type Props = {
   label?: React.Node,
@@ -41,7 +42,13 @@ class NewDocumentMenu extends React.Component<Props> {
 
     return (
       <DropdownMenu
-        label={label || <MoreIcon />}
+        label={
+          label || (
+            <Button icon={<PlusIcon />} small>
+              New doc
+            </Button>
+          )
+        }
         onOpen={this.onOpen}
         {...rest}
       >