From 1276b0d4de92d961bdc496e59e2fa3f3f4dcc601 Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@gmail.com>
Date: Mon, 27 Jun 2016 10:48:47 +0100
Subject: [PATCH] Adjust position of live search drop-down for smaller screens

Refs #228
---
 .../alfresco-search-autocomplete.component.css        | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.css b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.css
index 2f022f6db0..1ccc53a98c 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.css
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.css
@@ -1,6 +1,6 @@
 :host {
     position: absolute;
-    z-index: 1;
+    z-index: 5;
     display: none;
     color: #555;
     margin: -21px 0px 0px 0px;
@@ -36,3 +36,12 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
+@media screen and (max-width: 400px) {
+    :host {
+        right: 0;
+    }
+    .truncate{
+        width: 200px;
+    }
+}