From 5afcc050846321fad4bc76d85e3eced39fd60c42 Mon Sep 17 00:00:00 2001
From: Michael Foss <michael@mikefoss.com>
Date: Wed, 1 Mar 2017 15:26:03 -0500
Subject: [PATCH] Update search result styling (#3322)

Change the height of the search results so that the height of each
places the text inside directly in the middle.

Apply a styling similar to the dashboard's heroes when hovering
over a search result.
---
 .../_examples/toh-6/ts/src/app/hero-search.component.css   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css b/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css
index 741b379356..9bf8d13457 100644
--- a/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css
+++ b/public/docs/_examples/toh-6/ts/src/app/hero-search.component.css
@@ -4,12 +4,17 @@
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   width:195px;
-  height: 20px;
+  height: 16px;
   padding: 5px;
   background-color: white;
   cursor: pointer;
 }
 
+.search-result:hover {
+  color: #eee;
+  background-color: #607D8B;
+}
+
 #search-box{
   width: 200px;
   height: 20px;