fix focus styling for mobile

[sylwiavargas]

No description provided.

[sylwiavargas]

When we click and then unclick a row, it still remains in focus and that's confusing:

I've tried every answer on this thread:
https://stackoverflow.com/questions/23333231/bootstrap-button-shows-blue-outline-when-clicked

[sylwiavargas]

Included now:

.btn:active {
   background: #fff !important;
   color: #343a40 !important;
 }

It's better but it still goes back to "selected" styling after a split second.

[Dana94]

Are you trying to remove the box-shadow around the check boxes when they are selected?

Or when you select and then deselect the checkbox it remains active (dark background with white check) until another row is in focus? Then it seems to revert the colors on its own.