add magnifying glass unicode on placeholders

css/search-box.css

@@ -28,6 +28,10 @@
 				pointer-events var(--transition-speed);
 }
 
+#searchBox::placeholder {
+	font-family: roboto-bold, fantasque-sans-mono;
+}
+
 .showSearchBox {
 	opacity: 1 !important;
 	top: 100% !important;

css/style.css

@@ -107,6 +107,12 @@ html, body {
        url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
 }
 
+@font-face {
+	font-family: 'fantasque-sans-mono';
+	font-style: normal;
+	src: url('../fonts/fantasque-sans-mono-bold-italic-nerd-font-complete.ttf');
+}
+
 /*Scrollbar*/
 
 /*Placeholder*/

css/web-menu.css

@@ -80,6 +80,10 @@
 	margin: 0;
 }
 
+#webMenuSearchBox::placeholder {
+	font-family: roboto-bold, fantasque-sans-mono;
+}
+
 @media screen and (max-width: 580px) {
 	#webMenuSearchBox {
 		width: 50vw;

index.html

@@ -51,7 +51,7 @@
 		<div id='profileImageContainer'>
 			<div id='profileImage'></div>
 		</div>
-		<input type="text" id="searchBox" autocomplete="off" autofocus="off" placeholder="Type to search"/>
+		<input type="text" id="searchBox" autocomplete="off" autofocus="off" placeholder="  Search with HiddenWiki"/>
 	</div>
 
 
@@ -204,7 +204,7 @@
 	<div id="webMenu">
 		<div id="webMenuContainer">
 			<div id="webMenuSearchBoxContainer">
-				<input type="text" id="webMenuSearchBox" autocomplete="off" placeholder="Type to search">
+				<input type="text" id="webMenuSearchBox" autocomplete="off" placeholder="  Type to search">
 			</div>
 			<div id="webMenuListContainer">
 

js/search-engine-settings.js

@@ -9,32 +9,34 @@ var defaultEngine = localStorage.getItem('searchEngine') || 'google';
 
 let searchQueryPrefix;
 
+var placeholderPrefix = "  Search with ";
+
 // Update query string and placeholder
 const selectQueryString = () => {
 
 	if (defaultEngine === "google") {
 		searchQueryPrefix = 'http://www.google.com/search?q=';
-		searchBox.placeholder = "Search with Google";
+		searchBox.placeholder = placeholderPrefix + "Google";
 
 	} else if (defaultEngine === "duckduckgo") {
 		searchQueryPrefix = 'https://duckduckgo.com/?q=';
-		searchBox.placeholder = "Search with Duckduckgo";
+		searchBox.placeholder = placeholderPrefix + "Duckduckgo";
 
 	} else if (defaultEngine === "ecosia") {
 		searchQueryPrefix = 'https://www.ecosia.org/search?q=';
-		searchBox.placeholder = "Search with Ecosia";
+		searchBox.placeholder = placeholderPrefix + "Ecosia";
 
 	} else if (defaultEngine === "yahoo") {
 		searchQueryPrefix = 'http://search.yahoo.com/search?p=';
-		searchBox.placeholder = "Search with Yahoo";
+		searchBox.placeholder = placeholderPrefix + "Yahoo";
 
 	} else if (defaultEngine === "bing") {
 		searchQueryPrefix = 'https://www.bing.com/search?q=';
-		searchBox.placeholder = "Search with Bing";
+		searchBox.placeholder = placeholderPrefix + "Bing";
 	
 	} else {
 		searchQueryPrefix = 'http://www.google.com/search?q=';
-		searchBox.placeholder = "Search with Google";
+		searchBox.placeholder = placeholderPrefix + "Google";
 	}
 
 }