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.

Author: MichaelFoss

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;