From b12282067a9fcbad1cede3394ed6cdc2558eb898 Mon Sep 17 00:00:00 2001
From: Jamie Rees <tidusjar@gmail.com>
Date: Tue, 7 May 2019 21:34:49 +0100
Subject: [PATCH] searchbar mobile styling

---
 .../src/app/my-nav/nav-search.component.scss     | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss
index e66804bdd..31d3114d6 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss
+++ b/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;
-}
\ No newline at end of file
+  background-color: white;
+}