AMBARI-15701. Host filter: minor UX edits (rzang)

ambari-web/app/styles/application.less

@@ -6200,13 +6200,31 @@ input[type="radio"].align-checkbox, input[type="checkbox"].align-checkbox {
 }
 
 #combo_search_box {
-  .VS-search-box {
-    border-radius: 4px;
-    box-shadow: 0 0 1px #fff inset;
-  }
+  .VS-search {
+    .VS-search-box {
+      border-radius: 4px;
+      box-shadow: 0 0 1px #fff inset;
+    }
+
+    .VS-placeholder {
+      color: #ccc;
+    }
 
-  .VS-placeholder {
-    color: #ccc;
+    .search_facet {
+      border-radius: 4px;
+      .category {
+        margin-left: 3px;
+      }
+      .search_facet_remove {
+        left: 3px;
+      }
+      &.not_selected {
+        border: 1px solid #d2d2d2;
+        background-image: -moz-linear-gradient(top, #fdfdfd, #e3e3e3); /* FF3.6 */
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e3e3e3)); /* Saf4+, Chrome */
+        background-image: linear-gradient(top, #fdfdfd, #e3e3e3);
+      }
+    }
   }
 }
 

ambari-web/app/views/main/host/combo_search_box.js

@@ -93,7 +93,7 @@ App.MainHostComboSearchBoxView = Em.View.extend({
           var list = [
             {label: 'Host Name', category: 'Host'},
             {label: 'IP', category: 'Host'},
-            {label: 'Heath Status', category: 'Host'},
+            {label: 'Host Status', category: 'Host'},
             {label: 'Cores', category: 'Host'},
             {label: 'RAM', category: 'Host'},
             {label: 'Stack Version', category: 'Host'},
@@ -104,7 +104,7 @@ App.MainHostComboSearchBoxView = Em.View.extend({
           var map = App.router.get('mainHostController.labelValueMap');
           map['Host Name'] = 'hostName';
           map['IP'] = 'ip';
-          map['Heath Status'] = 'healthClass';
+          map['Host Status'] = 'healthClass';
           map['Cores'] = 'cpu';
           map['RAM'] = 'memoryFormatted';
           map['Stack Version'] = 'version';