Run slightly less afoul of accessibility checks. #294.

This makes the clickable element an interactive element, but doesn't add
alt text and makes it not-obvious that you can click the elefriend.  On
one hand, this goes against good practice; on the other hand, it's not
*supposed* to be obvious that you can click the elefriend.

2 files changed, 3 insertions, 1 deletions

diff --git a/app/javascript/flavours/glitch/features/drawer/index.js b/app/javascript/flavours/glitch/features/drawer/index.js
index 93457ad31..ac72bfa90 100644
--- a/app/javascript/flavours/glitch/features/drawer/index.js
+++ b/app/javascript/flavours/glitch/features/drawer/index.js
@@ -101,7 +101,7 @@ class Drawer extends React.Component {
           <DrawerAccount account={account} />
           <div {...innerDrawerAttrs}>
             <Composer />
-            {multiColumn && <div className='mastodon' onClick={onClickElefriend} role='button' />}
+            {multiColumn && <button className='mastodon' onClick={onClickElefriend}/>}
           </div>
           <DrawerResults
             results={results}
diff --git a/app/javascript/flavours/glitch/styles/components/drawer.scss b/app/javascript/flavours/glitch/styles/components/drawer.scss
index d0d79c86b..727dcd93e 100644
--- a/app/javascript/flavours/glitch/styles/components/drawer.scss
+++ b/app/javascript/flavours/glitch/styles/components/drawer.scss
@@ -65,6 +65,8 @@
 
     .mastodon {
       flex: 1;
+      border: none;
+      cursor: inherit;
     }
   }