Added search icon to filter search inputs.

components/filters/country.vue

@@ -2,13 +2,19 @@
 	<div
 		class="countries-container"
 	>
-		<input
+		<label
 			v-if="!filters.country"
-			v-model="countryQuery"
-			type="search"
-			placeholder="Filter countries"
-			class="input input-inline countries-search"
+			class="filter-search"
 		>
+			<input
+				v-model="countryQuery"
+				type="search"
+				placeholder="Filter countries"
+				class="input input-inline countries-search filters-search"
+			>
+
+			<Icon icon="search" />
+		</label>
 
 		<div
 			v-if="filteredCountries.length > 0"
@@ -28,7 +34,10 @@
 			/>
 		</div>
 
-		<div class="empty">
+		<div
+			v-else
+			class="empty"
+		>
 			No matching countries
 		</div>
 	</div>
@@ -66,13 +75,12 @@ const filteredCountries = computed(() => allCountries.value.filter((country) =>
 <style scoped>
 .countries-container {
 	border-bottom: solid 1px var(--shadow-weak-30);
-	padding: .25rem 0;
+	padding-bottom: .25rem;
 	margin-bottom: .5rem;
 }
 
-.countries-search {
-	width: 100%;
-	margin-bottom: .25rem;
+.filter-search {
+
 	border-bottom: solid 1px var(--shadow-weak-40);
 }