From 8b1972cae81862e5a2ee5437e222a293658e20ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5kan=20Arnoldson?= <hakan@arnoldson.net>
Date: Mon, 17 Sep 2018 17:33:16 +0200
Subject: [PATCH] Issue [#743] search input box misleading (#961)

---
 themes/cypress/source/css/_partial/media_queries.scss | 7 +++++--
 themes/cypress/source/css/_partial/search.scss        | 4 ++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/themes/cypress/source/css/_partial/media_queries.scss b/themes/cypress/source/css/_partial/media_queries.scss
index de0b74c126..6eb8b9b2f4 100644
--- a/themes/cypress/source/css/_partial/media_queries.scss
+++ b/themes/cypress/source/css/_partial/media_queries.scss
@@ -212,8 +212,6 @@
     position: relative;
     top: -6px;
     left: -120px;
-    max-width: 320px;
-    min-width: 320px;
   }
 
   #content-inner {
@@ -300,6 +298,11 @@
     width: 100%;
     padding-right: 0;
   }
+  
+  .algolia-autocomplete .ds-dropdown-menu {
+    max-width: 320px;
+    min-width: 320px;
+  }
 }
 
 @media screen and(max-width: 500px) {
diff --git a/themes/cypress/source/css/_partial/search.scss b/themes/cypress/source/css/_partial/search.scss
index ababb914d1..e3fba5e754 100644
--- a/themes/cypress/source/css/_partial/search.scss
+++ b/themes/cypress/source/css/_partial/search.scss
@@ -12,6 +12,9 @@
   &.on {
     display: inline-block;
   }
+  .algolia-autocomplete {
+    width: calc(100% - 30px);
+  }
 }
 
 #search-input-icon {
@@ -24,6 +27,7 @@
 }
 
 #search-input {
+  width: 100%;
   background: none;
   font-size: inherit;
   font-family: $font-sans;