fix: accessiblity improvements, focus states, real buttons

app/menus/ShareMenu.js

@@ -5,6 +5,7 @@ import { inject, observer } from 'mobx-react';
 import { observable } from 'mobx';
 import { MoreIcon } from 'outline-icons';
 
+import NudeButton from 'components/NudeButton';
 import CopyToClipboard from 'components/CopyToClipboard';
 import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
 import SharesStore from 'stores/SharesStore';
@@ -12,7 +13,6 @@ import UiStore from 'stores/UiStore';
 import Share from 'models/Share';
 
 type Props = {
-  label?: React.Node,
   onOpen?: () => void,
   onClose: () => void,
   shares: SharesStore,
@@ -46,11 +46,15 @@ class ShareMenu extends React.Component<Props> {
   render() {
     if (this.redirectTo) return <Redirect to={this.redirectTo} push />;
 
-    const { share, label, onOpen, onClose } = this.props;
+    const { share, onOpen, onClose } = this.props;
 
     return (
       <DropdownMenu
-        label={label || <MoreIcon />}
+        label={
+          <NudeButton>
+            <MoreIcon />
+          </NudeButton>
+        }
         onOpen={onOpen}
         onClose={onClose}
       >