From 76b4b80a233339990fbe9210d86710d09b97cef4 Mon Sep 17 00:00:00 2001
From: Stefanie Fluin <sjtrimble@gmail.com>
Date: Mon, 5 Jun 2017 22:57:17 -0700
Subject: [PATCH] fix(aio): fix search box overlap for small devices (#17075)

- Adjust search box height
- Adjust search box standard width and width for smaller devices
- Fix search jump outside of specified max width
---
 aio/src/styles/1-layouts/_top-menu.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/aio/src/styles/1-layouts/_top-menu.scss b/aio/src/styles/1-layouts/_top-menu.scss
index e4736a8952..93dd86153f 100644
--- a/aio/src/styles/1-layouts/_top-menu.scss
+++ b/aio/src/styles/1-layouts/_top-menu.scss
@@ -86,7 +86,7 @@ md-toolbar.mat-toolbar {
   }
 }
 
-aio-shell.sidenav-open {
+aio-shell.page-home.sidenav-open {
   md-toolbar.mat-toolbar md-icon {
     color: $mediumgray;
   }
@@ -108,17 +108,17 @@ aio-search-box input {
   background-color: $offwhite;
   padding: 5px 16px;
   margin-left: 8px;
-  width: 150px;
-  height: 40%;
+  width: 180px;
+  max-width: 240px;
+  height: 50%;
 
    @include bp(big) {
     transition: width 0.4s ease-in-out;
     &:focus {
       width: 50%;
-      max-width: 240px;
     }
   }
   @media (max-width: 480px) {
-    width: 180px;
+    width: 150px;
   }
 }