From 37dc91da57127567e4f98323c4012b8a4412709c Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Tue, 29 Sep 2020 17:39:45 +0200
Subject: [PATCH] Clearly highlight focused buttons

---
 app/styles/_buttons.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/styles/_buttons.scss b/app/styles/_buttons.scss
index 6ab5574..eb0c2ff 100644
--- a/app/styles/_buttons.scss
+++ b/app/styles/_buttons.scss
@@ -20,7 +20,7 @@ button, input[type=submit], .button {
     background-color: rgba(22, 21, 40, 0.8);
   }
 
-  &:active, &.active {
+  &:focus, &:active, &.active {
     border-color: $primary-color;
   }
 
@@ -41,7 +41,7 @@ button, input[type=submit], .button {
     &:hover {
       background-color: rgba(40, 21, 21, 0.8);
     }
-    &:active, &.active {
+    &:focus, &:active, &.active {
       border-color: $red;
     }
   }
@@ -54,7 +54,7 @@ button, input[type=submit], .button {
     &:hover {
       background-color: rgba(21, 40, 21, 0.8);
     }
-    &:active, &.active {
+    &:focus, &:active, &.active {
       border-color: $green;
     }
   }