Remove filter bar tooltip, add thin border

src/kibana/components/filter_bar/filter_bar.css

@@ -1,6 +1,77 @@
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.btn-group-lg > .btn {
+  padding: 18px 27px;
+  font-size: 17px;
+  line-height: 1.33;
+  border-radius: 6px;
+}
+.btn-group-sm > .btn {
+  padding: 6px 9px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
+  content: " ";
+  display: table;
+}
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-footer:after {
+  clear: both;
+}
 filter-bar .bar {
   padding: 6px 6px 4px 6px;
-  background: #dde4e6;
+  background: #ecf0f1;
+  border-bottom: 1px solid #ccc;
 }
 filter-bar .bar .title {
   display: inline;

src/kibana/components/filter_bar/filter_bar.html

@@ -3,6 +3,6 @@
   <div class="filter" ng-click="toggleFilter(filter)" ng-class="{ negate: filter.negate, disabled: filter.disabled }" ng-repeat="filter in filters">
     <span class="key">{{ filter.key }}:</span>
     <span class="value">"{{ filter.value }}"</span>
-    <a class="fa fa-times" tooltip="Remove" tooltip-placement="bottom" ng-click="removeFilter(filter)"><a>
+    <a class="fa fa-times" ng-click="removeFilter(filter)"><a>
   </div>
 </div>

src/kibana/components/filter_bar/filter_bar.less

@@ -1,6 +1,11 @@
+@import (reference) "../../styles/_bootstrap.less";
+@import (reference) "../../styles/theme/_theme.less";
+@import (reference) "lesshat.less";
+
 filter-bar .bar {
   padding: 6px 6px 4px 6px;
-  background: #dde4e6;
+  background: @gray-lighter;
+  border-bottom: 1px solid #ccc;
 
   .title {
     display: inline;