Better keyboard handling and show score on results

static/css/directives/ui/header-bar.css

@@ -156,9 +156,13 @@ nav.navbar-default .navbar-nav>li>a.active {
   vertical-align: middle;
 }
 
-.header-bar-element .search-results li a {
-  color: black;
-  text-decoration: none !important;
+.header-bar-element .search-results li .score:before {
+  content: "Score: ";
+}
+
+.header-bar-element .search-results li .score {
+  float: right;
+  color: #ccc;
 }
 
 .header-bar-element .search-results li .result-name {

static/directives/header-bar.html

@@ -101,6 +101,7 @@
           ng-class="searchResultState.current == $index ? 'current' : ''"
           ng-click="showResult(result)">
         <span class="kind">{{ result.kind }}</span>
+        <span class="score">{{ result.score }}</span>
         <span ng-switch on="result.kind">
           <!-- Team -->
           <span ng-switch-when="team">

static/js/directives/ui/header-bar.js

@@ -91,6 +91,11 @@ angular.module('quay').directive('headerBar', function () {
       };
 
       $scope.handleSearchKeyDown = function(e) {
+        if (e.keyCode == 27) {
+          $scope.toggleSearch();
+          return;
+        }
+
         if (!$scope.searchResultState) { return; }
 
         if (e.keyCode == 40) {