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

@@ -18,6 +18,14 @@
 // Media queries
 // Media queries
 // ---------------------
 // ---------------------
 
 
+@include media-breakpoint-down(xs) {
+  input[type='text'],
+  input[type='number'],
+  textarea {
+    font-size: 16px;
+  }
+}
+
 @include media-breakpoint-up(sm) {
 @include media-breakpoint-up(sm) {
   .navbar-page-btn {
   .navbar-page-btn {
     max-width: 250px;
     max-width: 250px;

public/sass/components/_search.scss

@@ -217,3 +217,18 @@
   padding: $spacer*2 $spacer;
   padding: $spacer*2 $spacer;
   background: $panel-bg;
   background: $panel-bg;
 }
 }
+
+@include media-breakpoint-down(xs) {
+
+  .search-container {
+    left: 0;
+  }
+
+  .search-dropdown__col_2 {
+    display: none;
+  }
+
+  .search-item__tags {
+    display: none;
+  }
+}

public/sass/components/_view_states.scss

@@ -37,6 +37,7 @@
   .navbar {
   .navbar {
     box-shadow: none;
     box-shadow: none;
     background: transparent;
     background: transparent;
+    padding-left: $side-menu-width + 20px;
   }
   }
 
 
   .navbar-page-btn {
   .navbar-page-btn {