Merge pull request #677 from TechnologyEnhancedLearning/Develop/Features/TD-4192-Correct-focus-styling

Correct search button focus styling

Author: AnjuJose011

LearningHub.Nhs.WebUI/Styles/nhsuk/pages/createaccount.scss

@@ -48,6 +48,16 @@
         width: 52px;
         padding-top: 0;
 
+        &:focus {
+            background-color: #ffeb3b;
+            border: 0;
+            box-shadow: 0 4px 0 0 #212b32;
+            color: #212b32;
+            outline: 4px solid rgba(0,0,0,0);
+            outline-offset: 4px;
+            box-shadow: 0 -2px #ffeb3b,0 4px #212b32
+        }
+
         span.nhsuk-u-visually-hidden {
             color: $nhsuk-white;
         }

LearningHub.Nhs.WebUI/Styles/nhsuk/pages/mylearning.scss

@@ -67,6 +67,16 @@
         display: block;
         height: 40px;
         width: 44px;
+
+        &:focus {
+            background-color: #ffeb3b;
+            border: 0;
+            box-shadow: 0 4px 0 0 #212b32;
+            color: #212b32;
+            outline: 4px solid rgba(0,0,0,0);
+            outline-offset: 4px;
+            box-shadow: 0 -2px #ffeb3b,0 4px #212b32
+        }
     }