From 2169a49d4cc05bfe317e59abc8470faf1f3d0656 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Wed, 20 Feb 2019 16:11:54 -0800
Subject: [PATCH] made account menu keyboard navible

---
 app/ui/account.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/ui/account.js b/app/ui/account.js
index f632d985..f0443456 100644
--- a/app/ui/account.js
+++ b/app/ui/account.js
@@ -75,7 +75,7 @@ class Account extends Component {
         <input
           type="image"
           alt="${user.email}"
-          class="w-8 h-8 rounded-full border text-blue md:text-white"
+          class="w-8 h-8 rounded-full border text-blue md:text-white focus:outline"
           src="${user.avatar}"
           onclick="${e => this.avatarClick(e)}"
         />
@@ -83,16 +83,15 @@ class Account extends Component {
           id="accountMenu"
           class="invisible list-reset absolute pin-t pin-r mt-10 pt-2 pb-2 bg-white shadow-md whitespace-no-wrap outline-none z-50"
           onblur="${e => this.hideMenu(e)}"
-          tabindex="-1"
         >
           <li class="p-2 text-grey-dark">${user.email}</li>
           <li>
-            <a
-              class="block px-4 py-2 text-grey-darkest hover:bg-blue hover:text-white cursor-pointer"
+            <button
+              class="block w-full text-left px-4 py-2 text-grey-darkest hover:bg-blue hover:text-white cursor-pointer focus:outline"
               onclick="${e => this.logout(e)}"
             >
               ${translate('logOut')}
-            </a>
+            </button>
           </li>
         </ul>
       </send-account>