From d2eb31a63d612323f8738eded1e1ce7b23554001 Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Wed, 6 Jul 2022 09:37:18 +0200
Subject: [PATCH] perf(UI): improved focus visibility for buttons

---
 src/renderer/components/ModalAllConnections.vue |  5 +++++
 src/renderer/scss/main.scss                     | 10 ++++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/renderer/components/ModalAllConnections.vue b/src/renderer/components/ModalAllConnections.vue
index f5ae4dde..4608cab6 100644
--- a/src/renderer/components/ModalAllConnections.vue
+++ b/src/renderer/components/ModalAllConnections.vue
@@ -317,6 +317,11 @@ onBeforeUnmount(() => {
    cursor: pointer;
    transition: all .2s;
    border-radius: $border-radius;
+   outline: none;
+
+   &:focus {
+      box-shadow: 0 0 3px .1rem rgba($primary-color, 80%);
+   }
 
    &:hover {
       .all-connections-buttons {
diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
index 497dc717..58711521 100644
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@@ -356,6 +356,16 @@ option:checked {
 .accordion-body {
   max-height: 5000rem !important;
 }
+.btn {
+  &:focus{
+    box-shadow: 0 0 3px 1px rgba($primary-color, 90%);
+  }
+
+  &.btn-success:focus {
+    border-color: $primary-color;
+    box-shadow: 0 0 3px 1px rgba($primary-color, 90%);
+  }
+}
 
 .btn-group {
   flex-wrap: nowrap;