From 38fee27aa52a1649882f42fa3007fe263d722a1f Mon Sep 17 00:00:00 2001
From: Subhajit009iitr <biswassubhajit009@gmail.com>
Date: Wed, 27 Dec 2023 20:38:38 +0530
Subject: [PATCH] Move CSS changes to _custom.scss

---
 assets/scss/_custom.scss           | 29 +++++++++++++++++++++++++++++
 layouts/partials/search-input.html | 30 ------------------------------
 2 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 6ec7f28f17..a3b740028d 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -1003,3 +1003,32 @@ div.alert > em.javascript-required {
         margin: 0.25em;
     }
 }
+
+// Adjust Search-bar search-icon
+.search-bar {
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  border: 1px solid #4c4c4c;
+  border-radius: 20px; 
+  vertical-align: middle;
+  flex-grow: 1;
+  overflow-x: hidden;
+  width: auto;
+}
+
+.search-bar:focus-within {
+  border: 2.5px solid rgba(47, 135, 223, 0.7);
+}
+
+.search-bar i.search-icon {
+  padding: .5em .5em .5em .75em;
+  opacity: .75;
+}
+
+.search-input {
+  flex: 1;
+  border: none;
+  outline: none;
+  padding: .5em 0 .5em 0;
+}
\ No newline at end of file
diff --git a/layouts/partials/search-input.html b/layouts/partials/search-input.html
index 6e8632b762..822bf1e146 100644
--- a/layouts/partials/search-input.html
+++ b/layouts/partials/search-input.html
@@ -1,33 +1,3 @@
-<style>
-  .search-bar {
-    display: flex;
-    align-items: center;
-    background-color: #fff;
-    border: 1px solid #4c4c4c;
-    border-radius: 20px; 
-    vertical-align: middle;
-    flex-grow: 1;
-    overflow-x: hidden;
-    width: auto;
-  }
-
-  .search-bar:focus-within {
-    border: 2.5px solid rgba(47, 135, 223, 0.7);
-  }
-
-  .search-bar i.search-icon {
-    padding: .5em .5em .5em .75em;
-    opacity: .75;
-  }
-
-  .search-input {
-    flex: 1;
-    border: none;
-    outline: none;
-    padding: .5em 0 .5em 0;
-  }
-</style>
-
 {{ if or .Site.Params.gcs_engine_id .Site.Params.algolia_docsearch }}
 <div class="search-bar">
   <i class="search-icon fas fa-search"></i>