set font on input

CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ## Unreleased
 
+- Fixed search text font being defaulted to Arial.
+
 ## [0.4.1] - 2020-01-11
 
 - Fixed & improved search

src/presentation/TheSearchBar.vue

@@ -1,13 +1,11 @@
 <template>
-    <div class="container">
+  <div class="search">
-        <div class="search">
+      <input type="search" class="searchTerm" placeholder="Search"
-            <input type="search" class="searchTerm" placeholder="Search"
+        @input="updateFilterAsync($event.target.value)" >
-              @input="updateFilterAsync($event.target.value)" >
+      <div class="iconWrapper">
-            <div class="iconWrapper">
+          <font-awesome-icon :icon="['fas', 'search']" />
-                <font-awesome-icon :icon="['fas', 'search']" />
+      </div>
-            </div>
+  </div>
-        </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{