From 9760d19b4dbaccb0c4aeeb5b2bbd1758038ab720 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Wed, 23 Oct 2024 12:21:15 +0530
Subject: [PATCH] Fix button focus/active styles on the UI.

---
 frontend/src/assets/style.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/assets/style.scss b/frontend/src/assets/style.scss
index 3ac9b46f..5331fed9 100644
--- a/frontend/src/assets/style.scss
+++ b/frontend/src/assets/style.scss
@@ -464,6 +464,7 @@ body.is-noscroll {
   padding: 30px 20px;
 }
 .modal .modal-card-foot {
+  background: none;
   justify-content: flex-end;
   border-top: 0;
 }
@@ -491,13 +492,17 @@ body.is-noscroll {
 .button {
   &.is-primary {
     background: $primary;
+    font-weight: bold;
 
-    &:hover {
+    &:hover, &:active {
       background: darken($primary, 15%);
     }
     &:disabled {
       background: $grey-light;
     }
+    &:focus:not(:active), &.is-focused:not(:active) {
+      box-shadow: 0 0 0 0.2em rgba($primary, 0.25);
+    }
   }
 
   &:not(.is-small) {