From bd2cba1f31d46fcbffb5c2dc91c70109abacec8b Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 8 Jan 2020 09:46:27 -0500
Subject: [PATCH] make hidden options button more accessible

---
 src/scss/styles.scss | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 2e1dbec92d..74a0903481 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -356,12 +356,6 @@ input[type="search"]::-webkit-search-cancel-button {
         }
     }
 
-    tr:hover {
-        td.table-list-options > .dropdown button, td.table-list-options > button {
-            visibility: visible;
-        }
-    }
-
     td {
         vertical-align: middle;
         
@@ -385,6 +379,7 @@ input[type="search"]::-webkit-search-cancel-button {
         width: 76px;
         max-width: 76px;
         text-align: right;
+        height: 48px;
 
         &.wider {
             width: 100px;
@@ -393,18 +388,17 @@ input[type="search"]::-webkit-search-cancel-button {
 
         .btn {
             line-height: 1;
+            transition: initial;
         }
 
         .dropdown-menu {
             line-height: $line-height-base;
         }
-        
-        > .dropdown:not(.show) button {
-            visibility: hidden;
-        }
+    }
 
-        > button {
-            visibility: hidden;
+    tr:not(:hover) td.table-list-options {
+        > .dropdown:not(.show) button:not(:focus):not(:active), > button:not(:focus):not(:active) {
+            @extend .sr-only;
         }
     }