From 5f67bd720a589e37323d634586842ad21ccca750 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Tue, 9 Aug 2022 16:46:19 +0200
Subject: [PATCH] Fix shoelace inputs outline focused color

---
 api/js/etemplate/Styles/shoelace.ts  | 3 +++
 api/templates/default/etemplate2.css | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/api/js/etemplate/Styles/shoelace.ts b/api/js/etemplate/Styles/shoelace.ts
index 98c74d0896..c35337bdec 100644
--- a/api/js/etemplate/Styles/shoelace.ts
+++ b/api/js/etemplate/Styles/shoelace.ts
@@ -34,6 +34,9 @@ export default [sl_css, css`
       --sl-input-border-radius-medium: 3px;
       --sl-input-border-color-focus: #E6E6E6;
       --indicator-color: #696969;
+      --sl-input-focus-ring-color: #373737;
+      --sl-focus-ring-width: 2px;
+      
   }
   .tab-group--top .tab-group__tabs {
       --track-width: 3px;
diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index e1fb63567a..d1af126998 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -2183,8 +2183,8 @@ lion-validation-feedback[type] {
 
 .nextmatch_header_row {
     width: 100%;
-    padding-top: 1px;
-    padding-bottom: 5px;
+    padding-top: 0.2em;
+    padding-bottom: 0.5em;
     position: relative;
     display: flex;
     gap: 1ex;