From e434ecb4f8374d0c287ec157125b00005fb132e3 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Fri, 8 Oct 2021 00:02:58 +0100
Subject: [PATCH] Improve search in header

---
 war/src/main/less/abstracts/theme.less     | 2 +-
 war/src/main/less/modules/page-header.less | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/war/src/main/less/abstracts/theme.less b/war/src/main/less/abstracts/theme.less
index 13c604fa1741..fea5ca18adac 100644
--- a/war/src/main/less/abstracts/theme.less
+++ b/war/src/main/less/abstracts/theme.less
@@ -73,7 +73,7 @@
   --header-link-bg-active-v2: var(--primary-active);
 
   // Header dimensions
-  --header-item-border-radius: 4px;
+  --header-item-border-radius: 6px;
 
   // Breadcrumbs and footer
   --breadcrumbs-bg: #f8f8f8;
diff --git a/war/src/main/less/modules/page-header.less b/war/src/main/less/modules/page-header.less
index 4daaaeeff10e..0f2ddaa13dbc 100644
--- a/war/src/main/less/modules/page-header.less
+++ b/war/src/main/less/modules/page-header.less
@@ -112,15 +112,18 @@ a.page-header__brand-link {
     font-weight: bold;
     color: var(--search-input-color);
     border-radius: var(--header-item-border-radius);
-    border: 3px solid var(--header-search-border);
+    border: 2px solid transparent;
     outline: none;
+    box-shadow: 0 0 0 10px transparent;
+    transition: 0.2s ease;
 
     &::placeholder {
         font-weight: normal;
     }
 
-    &:focus {
-        border-color: var(--header-link-outline);
+    &:active, &:focus {
+        border-color: var(--focus-input-border);
+        box-shadow: 0 0 0 5px var(--focus-input-glow);
     }
 }