From ec67bb28195678f820635e9f9f67c3e953c227ec Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Mon, 14 Sep 2020 22:06:18 +0100
Subject: [PATCH] Fix focus styles for table links

---
 app/assets/stylesheets/components/table.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss
index 86aff3824..79449aa3f 100644
--- a/app/assets/stylesheets/components/table.scss
+++ b/app/assets/stylesheets/components/table.scss
@@ -337,6 +337,11 @@
     display: block;
     position: relative;
 
+    /* remove default focus styles in favour of those for :before pseudo class */
+    &:focus {
+      box-shadow: none;
+    }
+
     &:before {
       content: "";
       display: block;
@@ -353,10 +358,7 @@
 
     &:active:before,
     &:focus:before {
-      border-color: $yellow;
-      border-style: solid;
-      border-width: 15px 3px 15px 15px;
-      right: -3px;
+      box-shadow: inset 0px -4px $govuk-focus-text-colour, inset 0px 15px $govuk-focus-colour, inset 15px 0px $govuk-focus-colour, inset 0px -11px $govuk-focus-colour;
     }
 
   }