searchbar mobile styling

src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss

@@ -2,6 +2,12 @@ $ombi-primary:#3f3f3f;
 $ombi-primary-darker:#2b2b2b;
 $ombi-accent: #258a6d;
 
+@media (max-width: 767px) {
+  .quater-width {
+    width: 15em !important;
+  }
+}
+
 .quater-width {
   width: 25em;
 }
@@ -24,10 +30,11 @@ $ombi-accent: #258a6d;
 }
 
 ::ng-deep ngb-typeahead-window button.dropdown-item {
-  color:white;
+  color: white;
 }
 
-::ng-deep ngb-typeahead-window .dropdown-item.active, .dropdown-item:active {
+::ng-deep ngb-typeahead-window .dropdown-item.active,
+.dropdown-item:active {
   text-decoration: none;
   background-color: $ombi-accent;
 }
@@ -36,6 +43,7 @@ $ombi-accent: #258a6d;
   background-color: $ombi-primary-darker;
   border: solid 1px $ombi-primary-darker;
 }
+
 .search-bar:focus {
-  background-color:white;
+  background-color: white;
-}
+}