From 3bea304bab7e6d2cd97ec8c040036da4c3f6662e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 2 Jun 2017 14:19:39 +0200
Subject: [PATCH] ux: made new search more responsive

---
 public/app/core/components/search/search.html |  2 +-
 public/sass/components/_search.scss           | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/public/app/core/components/search/search.html b/public/app/core/components/search/search.html
index e64ffc845ca..8cf537ac137 100644
--- a/public/app/core/components/search/search.html
+++ b/public/app/core/components/search/search.html
@@ -4,7 +4,7 @@
 <div class="search-container" ng-if="ctrl.isOpen">
 
 	<div class="search-field-wrapper">
-		<div class="search-field-icon">
+		<div class="search-field-icon pointer" ng-click="ctrl.closeSearch()">
 			<i class="fa fa-search"></i>
 		</div>
 
diff --git a/public/sass/components/_search.scss b/public/sass/components/_search.scss
index c5d7d65224f..2190e55f318 100644
--- a/public/sass/components/_search.scss
+++ b/public/sass/components/_search.scss
@@ -10,7 +10,7 @@
 }
 
 .search-container {
-  left: 78px;
+  left: 0;
   top: 0;
   right: 0;
   z-index: ($zindex-modal-backdrop + 10);
@@ -59,6 +59,7 @@
 
 .search-dropdown {
   display: flex;
+  flex-direction: column;
   max-width: 1100px;
   visibility: none;
   opacity: 0;
@@ -163,3 +164,11 @@
   }
 }
 
+@include media-breakpoint-up(md) {
+  .search-dropdown {
+    flex-direction: row;
+  }
+  .search-container {
+    left: 78px;
+  }
+}