From 4f4ffe3e3aea4306a098f991e5b30ff79bf539a4 Mon Sep 17 00:00:00 2001
From: Jef Roelandt <roelandt.jef@plaws.fr>
Date: Fri, 19 Apr 2024 20:35:24 +0200
Subject: [PATCH] Add visibility on buttons focus

---
 src/components/about/about.module.css               | 4 ++++
 src/components/buttons/play/play.module.css         | 4 ++++
 src/components/buttons/unselect/unselect.module.css | 4 ++++
 src/components/sound/favorite/favorite.module.css   | 4 ++++
 4 files changed, 16 insertions(+)

diff --git a/src/components/about/about.module.css b/src/components/about/about.module.css
index aaba9aa..641d30d 100644
--- a/src/components/about/about.module.css
+++ b/src/components/about/about.module.css
@@ -86,5 +86,9 @@
     &:hover {
       background-color: var(--color-neutral-100);
     }
+
+    &:focus-visible {
+      outline: 1px solid white;
+    }
   }
 }
diff --git a/src/components/buttons/play/play.module.css b/src/components/buttons/play/play.module.css
index f40798a..af84c78 100644
--- a/src/components/buttons/play/play.module.css
+++ b/src/components/buttons/play/play.module.css
@@ -27,4 +27,8 @@
   & span {
     font-size: var(--font-lg);
   }
+
+  &:focus-visible {
+    outline: 1px solid white;
+  }
 }
diff --git a/src/components/buttons/unselect/unselect.module.css b/src/components/buttons/unselect/unselect.module.css
index 797d0a7..23fcdcd 100644
--- a/src/components/buttons/unselect/unselect.module.css
+++ b/src/components/buttons/unselect/unselect.module.css
@@ -23,6 +23,10 @@
   &:hover {
     background-color: var(--color-neutral-200);
   }
+
+  &:focus-visible {
+    outline: 1px solid white;
+  }
 }
 
 .tooltip {
diff --git a/src/components/sound/favorite/favorite.module.css b/src/components/sound/favorite/favorite.module.css
index c12cb04..f915be1 100644
--- a/src/components/sound/favorite/favorite.module.css
+++ b/src/components/sound/favorite/favorite.module.css
@@ -24,4 +24,8 @@
   &.isFavorite {
     color: var(--color-foreground);
   }
+
+  &:focus-visible {
+    outline: 1px solid white;
+  }
 }