From bcf59ca287166cf9435d883ed9affdd66e39344b Mon Sep 17 00:00:00 2001
From: Aswin <aswin2000.ak@gmail.com>
Date: Wed, 3 May 2023 12:16:34 +0530
Subject: [PATCH] Customise outline on search filter input field

---
 src/components/AllSections.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/AllSections.vue b/src/components/AllSections.vue
index b44c88e..559357e 100644
--- a/src/components/AllSections.vue
+++ b/src/components/AllSections.vue
@@ -305,7 +305,6 @@ function addNewSection(sectionName: string):void {
       box-shadow: 0px 4px 4px #363636;
       margin-left: 25px;
       padding: 0px 10px 0px 10px;
-      outline-color: yellow;
       border: none;
       text-decoration: none;
       display: flex;
@@ -315,6 +314,10 @@ function addNewSection(sectionName: string):void {
       width: 270px;
       cursor: pointer;
       margin-bottom: 10px;
+
+      &:focus {
+        outline: 2px solid rgb(84, 181, 132);
+      }
     }
 
     .section-name {