From 6d3eeaa286fae9e5b227b28ea53b63fa8798973b Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Tue, 3 Dec 2024 12:25:29 +0200
Subject: [PATCH] refactor: fix focus on item

---
 src/common/RadioButton/RadioButton.less        | 9 +++++++++
 src/routes/Settings/URLsManager/Item/Item.less | 6 +++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/common/RadioButton/RadioButton.less b/src/common/RadioButton/RadioButton.less
index 5cf33b3a4..42e91b004 100644
--- a/src/common/RadioButton/RadioButton.less
+++ b/src/common/RadioButton/RadioButton.less
@@ -1,5 +1,7 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
+@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
+
 .radio-button {
     display: flex;
     align-items: center;
@@ -20,6 +22,9 @@
         outline: none;
         user-select: none;
         margin-right: 0.75rem;
+        outline-width: var(--focus-outline-size);
+        outline-color: @color-surface-light5;
+        outline-offset: calc(-1 * var(--focus-outline-size));
 
         input[type='radio'] {
             opacity: 0;
@@ -53,5 +58,9 @@
                 opacity: 1;
             }
         }
+
+        &:focus {
+            outline-style: solid;
+        }
     }
 }
diff --git a/src/routes/Settings/URLsManager/Item/Item.less b/src/routes/Settings/URLsManager/Item/Item.less
index 830c0273f..81c6d6c17 100644
--- a/src/routes/Settings/URLsManager/Item/Item.less
+++ b/src/routes/Settings/URLsManager/Item/Item.less
@@ -88,7 +88,7 @@
                 color: var(--primary-foreground-color);
             }
 
-            &:hover {
+            &:hover, &:focus {
                 background-color: var(--overlay-color);
 
                 .icon {
@@ -121,6 +121,10 @@
 
             .delete {
                 right: 0.5rem;
+
+                .icon {
+                    opacity: 0.6;
+                }
             }
         }
     }