fix: accessiblity improvements, focus states, real buttons

This commit is contained in:
Tom Moor
2019-08-30 00:27:40 -07:00
parent 140f009b4d
commit 6520a501e3
14 changed files with 123 additions and 52 deletions

View File

@@ -11,6 +11,7 @@ import Button from 'components/Button';
import Input from 'components/Input';
import HelpText from 'components/HelpText';
import Tooltip from 'components/Tooltip';
import NudeButton from 'components/NudeButton';
import UiStore from 'stores/UiStore';
import AuthStore from 'stores/AuthStore';
@@ -124,7 +125,9 @@ class Invite extends React.Component<Props> {
{index !== 0 && (
<Remove>
<Tooltip tooltip="Remove invite" placement="top">
<CloseIcon onClick={() => this.handleRemove(index)} />
<NudeButton onClick={() => this.handleRemove(index)}>
<CloseIcon />
</NudeButton>
</Tooltip>
</Remove>
)}