From 8440d2d0a2713fe2afaf5b9c685c30ffa22efb64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Mon, 19 Jun 2017 16:02:16 -0400
Subject: [PATCH] fix: fixed search issues with in active mode and keyboard nav

---
 public/app/core/components/search/search.ts | 2 +-
 public/sass/components/_search.scss         | 7 ++-----
 public/sass/components/_view_states.scss    | 2 +-
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/public/app/core/components/search/search.ts b/public/app/core/components/search/search.ts
index f6810f2bc76..4644e7a5893 100644
--- a/public/app/core/components/search/search.ts
+++ b/public/app/core/components/search/search.ts
@@ -77,7 +77,7 @@ export class SearchCtrl {
       this.moveSelection(-1);
     }
     if (evt.keyCode === 13) {
-      if (this.$scope.tagMode) {
+      if (this.tagsMode) {
         var tag = this.results[this.selectedIndex];
         if (tag) {
           this.filterByTag(tag.term, null);
diff --git a/public/sass/components/_search.scss b/public/sass/components/_search.scss
index 3c9f44afb2f..e35bf4e6b6e 100644
--- a/public/sass/components/_search.scss
+++ b/public/sass/components/_search.scss
@@ -122,14 +122,11 @@
       content: "\f015";
     }
 
-    &:hover {
+    &:hover,
+    &.selected {
       background-color: $tight-form-func-bg;
       @include left-brand-border-gradient();
     }
-
-    &.selected {
-      background-color: $grafanaListBackground;
-    }
   }
 
   .search-result-tags {
diff --git a/public/sass/components/_view_states.scss b/public/sass/components/_view_states.scss
index 900c9d1489b..a1ed89f9888 100644
--- a/public/sass/components/_view_states.scss
+++ b/public/sass/components/_view_states.scss
@@ -51,7 +51,7 @@
   .navbar-page-btn {
     border-color: transparent;
     background: transparent;
-    transform: translate3d(-95px, 0, 0);
+    transform: translate3d(-50px, 0, 0);
     transition: all 1.5s ease-in-out 1s;
     .icon-gf {
       opacity: 0;