From 0c39a06be5e4b0a2031ad5e9f5220dd669afee53 Mon Sep 17 00:00:00 2001
From: undergroundwires <undergroundwires@users.noreply.github.com>
Date: Sat, 11 Jan 2020 10:55:43 +0100
Subject: [PATCH] set font on input

---
 CHANGELOG.md                      |  2 ++
 src/presentation/TheSearchBar.vue | 22 +++++++++-------------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5f5a1c1b..012db500 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,8 @@
 
 ## Unreleased
 
+- Fixed search text font being defaulted to Arial.
+
 ## [0.4.1] - 2020-01-11
 
 - Fixed & improved search
diff --git a/src/presentation/TheSearchBar.vue b/src/presentation/TheSearchBar.vue
index 8f79df21..813c4359 100644
--- a/src/presentation/TheSearchBar.vue
+++ b/src/presentation/TheSearchBar.vue
@@ -1,13 +1,11 @@
 <template>
-    <div class="container">
-        <div class="search">
-            <input type="search" class="searchTerm" placeholder="Search"
-              @input="updateFilterAsync($event.target.value)" >
-            <div class="iconWrapper">
-                <font-awesome-icon :icon="['fas', 'search']" />
-            </div>
-        </div>
-    </div>
+  <div class="search">
+      <input type="search" class="searchTerm" placeholder="Search"
+        @input="updateFilterAsync($event.target.value)" >
+      <div class="iconWrapper">
+          <font-awesome-icon :icon="['fas', 'search']" />
+      </div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -32,10 +30,6 @@ export default class TheSearchBar extends StatefulVue {
 @import "@/presentation/styles/colors.scss";
 @import "@/presentation/styles/fonts.scss";
 
-.container {
-    font: $normal-font;
-}
-
 .search {
   width: 100%;
   position: relative;
@@ -53,6 +47,8 @@ export default class TheSearchBar extends StatefulVue {
   padding-right:10px;
   outline: none;
   color: $gray;
+    font-family: $normal-font;
+    font-size:1em;
 }
 
 .searchTerm:focus{