From 8524e78a82651516c6b252ae32349dad6e6fce4a Mon Sep 17 00:00:00 2001
From: Jonas Lindevall <jonas.h.lindevall@gmail.com>
Date: Thu, 7 Nov 2024 15:01:52 +0100
Subject: [PATCH] fix outline in dropdown for search

---
 src/components/form/search/circle/circle.scss      | 14 +++++++++++++-
 .../form/search_seasons/search_seasons.scss        | 14 +++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/form/search/circle/circle.scss b/src/components/form/search/circle/circle.scss
index e714b910a..7d411085b 100644
--- a/src/components/form/search/circle/circle.scss
+++ b/src/components/form/search/circle/circle.scss
@@ -191,7 +191,13 @@
       }
 
       &-last {
-        @extend %ods-padding-bottom-4;
+        @extend %ods-margin-bottom-4;
+
+        &:focus-visible {
+          box-shadow: 0 0 0 0.125rem colors.$blue-state;
+          outline-offset: 0.125rem;
+          outline: 0.25rem solid colors.$purple-light;
+        }
       }
     }
   }
@@ -224,6 +230,12 @@
       text-decoration: none;
     }
 
+    &:focus-visible {
+      box-shadow: 0 0 0 0.125rem colors.$blue-state;
+      outline-offset: 0.125rem;
+      outline: 0.25rem solid colors.$purple-light;
+    }
+
     &--divider {
       border-bottom: 0.0625rem solid colors.$gray;
     }
diff --git a/src/components/form/search_seasons/search_seasons.scss b/src/components/form/search_seasons/search_seasons.scss
index e34d9e469..cf1467a2e 100644
--- a/src/components/form/search_seasons/search_seasons.scss
+++ b/src/components/form/search_seasons/search_seasons.scss
@@ -220,7 +220,13 @@
       }
 
       &-last {
-        @extend %ods-padding-bottom-4;
+        @extend %ods-margin-bottom-4;
+
+        &:focus-visible {
+          box-shadow: 0 0 0 0.125rem colors.$blue-state;
+          outline-offset: 0.125rem;
+          outline: 0.25rem solid colors.$purple-light;
+        }
       }
     }
   }
@@ -252,6 +258,12 @@
       text-decoration: underline;
     }
 
+    &:focus-visible {
+      box-shadow: 0 0 0 0.125rem colors.$blue-state;
+      outline-offset: 0.125rem;
+      outline: 0.25rem solid colors.$purple-light;
+    }
+
     &--divider {
       border-bottom: 0.0625rem solid colors.$gray;
     }