From 3c33393084f60609244a0cf66dc1304c4e735f32 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Fri, 26 Mar 2021 14:42:54 +0530
Subject: [PATCH] fix: Search icon in search bar

---
 frappe/templates/doc.html    | 15 ---------------
 frappe/website/js/website.js |  6 +++---
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/frappe/templates/doc.html b/frappe/templates/doc.html
index 3a566a1227..f3a8ab8cc8 100644
--- a/frappe/templates/doc.html
+++ b/frappe/templates/doc.html
@@ -23,21 +23,6 @@
 			<div class="col-12 col-lg-8">
 				<div class="doc-search-container">
 					<div class="website-search doc-search" id="search-container">
-						<div class="dropdown">
-							<div class="search-icon">
-								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
-									fill="none"
-									stroke="currentColor" stroke-width="2" stroke-linecap="round"
-									stroke-linejoin="round"
-									class="feather feather-search">
-									<circle cx="11" cy="11" r="8"></circle>
-									<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
-								</svg>
-							</div>
-							<input type="search" class="form-control" placeholder="Search the docs (Press / to focus)" />
-							<div class="overflow-hidden shadow dropdown-menu w-100">
-							</div>
-						</div>
 					</div>
 					<button class="navbar-toggler" type="button"
 						data-toggle="collapse"
diff --git a/frappe/website/js/website.js b/frappe/website/js/website.js
index bcbf7f762f..b8360e68ca 100644
--- a/frappe/website/js/website.js
+++ b/frappe/website/js/website.js
@@ -385,6 +385,9 @@ frappe.setup_search = function (target, search_scope) {
 	}
 
 	let $search_input = $(`<div class="dropdown" id="dropdownMenuSearch">
+			<input type="search" class="form-control" placeholder="Search the docs (Press / to focus)" />
+			<div class="overflow-hidden shadow dropdown-menu w-100" aria-labelledby="dropdownMenuSearch">
+			</div>
 			<div class="search-icon">
 				<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
 					fill="none"
@@ -395,9 +398,6 @@ frappe.setup_search = function (target, search_scope) {
 					<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
 				</svg>
 			</div>
-			<input type="search" class="form-control" placeholder="Search the docs (Press / to focus)" />
-			<div class="overflow-hidden shadow dropdown-menu w-100" aria-labelledby="dropdownMenuSearch">
-			</div>
 		</div>`);
 
 	target.empty();