From 9cae579c756b235d0ddc41dd300c59533cb78cc1 Mon Sep 17 00:00:00 2001
From: Patrick O'Carroll <ocarroll.patrick@gmail.com>
Date: Fri, 8 Dec 2017 13:37:37 +0100
Subject: [PATCH] fix for search dropdown on small screen + icon overlapping
 fix (#10091)

* fix for search dropdown on small screen + icon overlapping fix

* fixing search filter for small screen

* hid tags and filter box

* iphone input zoom fix

* moved input styling to old-responsive
---
 public/sass/_old_responsive.scss         |  8 ++++++++
 public/sass/components/_search.scss      | 15 +++++++++++++++
 public/sass/components/_view_states.scss |  1 +
 3 files changed, 24 insertions(+)

diff --git a/public/sass/_old_responsive.scss b/public/sass/_old_responsive.scss
index 72f4332a51e..fa119047f44 100644
--- a/public/sass/_old_responsive.scss
+++ b/public/sass/_old_responsive.scss
@@ -18,6 +18,14 @@
 // Media queries
 // ---------------------
 
+@include media-breakpoint-down(xs) {
+  input[type='text'],
+  input[type='number'],
+  textarea {
+    font-size: 16px;
+  }
+}
+
 @include media-breakpoint-up(sm) {
   .navbar-page-btn {
     max-width: 250px;
diff --git a/public/sass/components/_search.scss b/public/sass/components/_search.scss
index 25cb9a735a6..6c23f51aaa0 100644
--- a/public/sass/components/_search.scss
+++ b/public/sass/components/_search.scss
@@ -217,3 +217,18 @@
   padding: $spacer*2 $spacer;
   background: $panel-bg;
 }
+
+@include media-breakpoint-down(xs) {
+
+  .search-container {
+    left: 0;
+  }
+
+  .search-dropdown__col_2 {
+    display: none;
+  }
+
+  .search-item__tags {
+    display: none;
+  }
+}
diff --git a/public/sass/components/_view_states.scss b/public/sass/components/_view_states.scss
index a698a81f1dc..b3c9a44e658 100644
--- a/public/sass/components/_view_states.scss
+++ b/public/sass/components/_view_states.scss
@@ -37,6 +37,7 @@
   .navbar {
     box-shadow: none;
     background: transparent;
+    padding-left: $side-menu-width + 20px;
   }
 
   .navbar-page-btn {