From c968fbcdacb90946dc00bca3d7b663de94d5a9ad Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eugenio.romano@alfresco.com>
Date: Mon, 27 Nov 2017 23:22:33 +0000
Subject: [PATCH] fix layout app search bar small display

---
 .../app/components/app-layout/app-layout.component.scss   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/demo-shell/src/app/components/app-layout/app-layout.component.scss b/demo-shell/src/app/components/app-layout/app-layout.component.scss
index 7a655fc8c4..e316810173 100644
--- a/demo-shell/src/app/components/app-layout/app-layout.component.scss
+++ b/demo-shell/src/app/components/app-layout/app-layout.component.scss
@@ -5,11 +5,17 @@
 
 
    @media screen and ($mat-xsmall) {
-       adf-search-bar {
+       app-search-bar {
            width: 150px;
        }
    }
 
+    @media screen and (max-width: 350px) {
+       app-search-bar {
+           width: 100px;
+       }
+   }
+
    .adf-app-layout-toolbar {
      position: relative;
      overflow: visible !important;