AMBARI-3740. Host filters UI cleanup. (xiwang)

ambari-web/app/messages.js

@@ -1595,8 +1595,8 @@ Em.I18n.translations = {
   'apps.filters.filtered': 'Filtered',
   'apps.filters.clearFilters': 'Clear filters',
   'apps.filters.paginationInfo': '{0} - {1} of {2}',
-  'apps.filters.clearAllFilters': 'Clear all filters',
-  'apps.filters.filteredHostsInfo': '{0} of {1} hosts filtered',
+  'apps.filters.clearAllFilters': 'Clear filters',
+  'apps.filters.filteredHostsInfo': '{0} of {1} hosts showing',
   'apps.filters.customRunDate':'Run Date custom filter',
   'apps.filters.nothingToShow': 'No jobs to display',
   'apps.dagCharts.popup':'Job Charts',

ambari-web/app/styles/application.less

@@ -2610,7 +2610,7 @@ table.graphs {
       margin-top: -5px;
     }
     .health-status-bar {
-      font-size: 14px;
+      font-size: 0.9em;
       margin-left: 0;
       min-width: 790px;
       a {
@@ -2618,12 +2618,15 @@ table.graphs {
         text-decoration: none;
       }
       .category-item {
-        padding: 6px 1px 6px 1px;
+        padding: 3px 0px;
         margin-right: 3px;
         border:1px solid transparent;
         -webkit-border-radius: 4px;
         border-radius: 4px;
       }
+      .category-item .label-important {
+        padding: 0px 2px;
+      }
       .category-item:hover {
         cursor: pointer;
         a {
@@ -2635,13 +2638,12 @@ table.graphs {
         a {
           color: #ffffff;
         }
-        background-color: #666666;
-        border-color: #666666;
+        background-color: #888888;
+        border-color: #888888;
         border:1px solid transparent;
         -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.25);
         -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.25);
         box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.25);
-
       }
       .category-item.active:hover {
         border:1px solid transparent;