From 756a9cd139d6dbf22f76893f37a3c4fa887a3ea6 Mon Sep 17 00:00:00 2001
From: David Yip <yipdw@member.fsf.org>
Date: Sun, 14 Jan 2018 05:07:08 -0600
Subject: [PATCH] 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.
---
 app/javascript/flavours/glitch/features/drawer/index.js      | 2 +-
 app/javascript/flavours/glitch/styles/components/drawer.scss | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

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;
     }
   }