From 6ef9345f92f926b09e638635cb5db93e8c9d29ef Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Date: Wed, 18 Dec 2019 09:36:43 +0100
Subject: [PATCH] fix: add close modal to keyboard navigation

---
 client/src/components/Donation/Donation.css                | 5 +++++
 client/src/components/Donation/components/DonationModal.js | 1 +
 2 files changed, 6 insertions(+)

diff --git a/client/src/components/Donation/Donation.css b/client/src/components/Donation/Donation.css
index c1f03f70cd..ce4321568e 100644
--- a/client/src/components/Donation/Donation.css
+++ b/client/src/components/Donation/Donation.css
@@ -217,6 +217,11 @@ li.disabled > a {
   font-size: 1.5rem;
 }
 
+.donation-modal .btn-link:focus {
+  outline-width: 1px;
+  outline-style: solid;
+}
+
 @media screen and (max-width: 991px) {
   .donation-icon-container {
     margin: 30px;
diff --git a/client/src/components/Donation/components/DonationModal.js b/client/src/components/Donation/components/DonationModal.js
index ee0b5ab76f..be69eb997b 100644
--- a/client/src/components/Donation/components/DonationModal.js
+++ b/client/src/components/Donation/components/DonationModal.js
@@ -107,6 +107,7 @@ function DonateModal({ show, block, isBlockDonation, closeDonationModal }) {
               bsStyle='primary'
               className='btn-link'
               onClick={closeDonationModal}
+              tabIndex='0'
             >
               {closeLabel ? 'Close.' : 'Ask me later.'}
             </Button>