From 8d72004133ca3c1e7ed714e70ef2fc91bc656c78 Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@gmail.com>
Date: Mon, 27 Jun 2016 10:37:44 +0100
Subject: [PATCH] Adjust width of search control for smaller screens

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

diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css
index 5678ec3a6c..62fe3cc8e1 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.css
@@ -1,3 +1,13 @@
-.search-field{
+.search-field {
     width: 267px;
 }
+@media only screen and (max-width: 400px) {
+    .search-field {
+        width: 200px;
+    }
+}
+@media only screen and (max-width: 320px) {
+    .search-field {
+        width: 160px;
+    }
+}