From 8db05b7e3faeaf3cf1b2628a641d390ce6067ec0 Mon Sep 17 00:00:00 2001
From: Romein van Buren <romein@vburen.nl>
Date: Tue, 30 May 2023 19:43:20 +0200
Subject: [PATCH] Added focusring for `.button-small`

---
 frontend/src/styles/style.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/styles/style.css b/frontend/src/styles/style.css
index 0de986f..a8ae532 100644
--- a/frontend/src/styles/style.css
+++ b/frontend/src/styles/style.css
@@ -81,6 +81,7 @@ select:disabled {
   background-color: #c00;
   border: 1px solid #c00;
 }
+.btn.danger:active,
 .btn.danger:focus {
   box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.2);
 }
@@ -107,8 +108,10 @@ select:disabled {
 .button-small:hover {
   background-color: rgba(0, 0, 0, 0.1);
 }
-.button-small:active {
+.button-small:active,
+.button-small:focus {
   background-color: rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 0 2px rgba(0, 0, 139, 0.75);
 }
 .button-small svg {
   width: 13px;