Fix hierarchy facet styling.

themes/bootprint3/less/bootprint.less

@@ -130,19 +130,25 @@ ul.random.image li img { margin: 0 auto; }
 
 /* --- Sidebar --- */
 .sidebar {
-  .list-group { margin-bottom: 5px; }
-  .list-group label.list-group-item { padding-left: 26px; }
-  .list-group label.list-group-item input[type=checkbox] { margin-top: 2px; }
+  .facet-group { margin-bottom: 5px; }
+  .facet-group label.list-group-item { padding-left: 26px; }
+  .facet-group label.list-group-item input[type=checkbox] { margin-top: 2px; }
 
-  .list-group-item { padding: 7px 10px 6px; }
-  .list-group-item.active { color: #fff; }
-  .list-group-item.active .badge { color: @active-orange; }
-  .list-group-item.active,
-  .list-group-item.active:hover {
-    background: @active-orange;
+  .facet { padding: 7px 10px 6px; }
+  .facet.active,
+  .facet.active:hover,
+  .active-filters .facet {
+    color: #fff;
+    background-color: @active-orange;
     border-color: @active-orange;
   }
-  .list-group-item .badge a { color: #fff; }
+  .facet.active .badge,
+  .jstree-node.active .badge,
+  .jstree-node.active .badge .fa { color: @active-orange; }
+  .facet .badge a { color: #fff; }
+
+  .facet.facetOR { padding-left: 1rem; }
+  .facet.excludable { padding-right: 0; }
 }
 .slider-container .slider-handle {
   background: @brand-primary;
@@ -157,3 +163,5 @@ ul.random.image li img { margin: 0 auto; }
   color: #fff;
   &:hover { color: @brand-danger; }
 }
+.jstree-facet .jstree-ocl::before { margin-left: -5px; }
+.jstree-node.active { background-color: @active-orange; }

themes/bootstrap3/less/components/js-tree.less

-.hierarchy-tree {
+.hierarchy-tree,
+.jstree-facet {
   /* jsTree arrows */
   .jstree-ocl:before {
     float: left;
@@ -20,7 +21,7 @@
     color: #000;
   }
   .jstree-anchor {
-    padding: 2px 5px;
+    padding-left: 5px;
     white-space: nowrap;
   }
   .jstree-container-ul,
@@ -41,6 +42,12 @@
     font-weight: bold;
   }
 }
+.jstree-node.list-group-item {
+  margin-bottom: 0;
+  border: 0;
+  border-bottom: 1px solid @list-group-border;
+  border-radius: 0;
+}
 
 /* --- Record --- */
 #hierarchyTreeHolder {
@@ -73,12 +80,14 @@
 }
 /* facet list styling */
 .jstree-facet li span.main {
-  display: block;
-  padding-left: 1px; /* Fix Firefox cutting the checkboxes */
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.jstree-facet .main.applied .fa-check {
+  margin-top: 2px;
+  margin-right: 4px;
+}
 .jstree-facet .jstree-container-ul {
   padding: 0;
   & > li.active,
@@ -92,6 +101,6 @@ li.jstree-node { list-style: none; }
 li.jstree-facet .badge { cursor: text; }
 li.jstree-facet ul { padding-left: 20px; }
 
-.list-group.facet .jstree-node.list-group-item { padding-left: 19px; }
-.list-group.facet .jstree-icon::before { margin-left: -12px; }
-.list-group.facet .jstree-facet li span.main { padding: 1px; }
+.facet .jstree-node.list-group-item { padding-left: 19px; }
+.facet .jstree-icon::before { margin-left: -12px; }
+.facet .jstree-facet li span.main { padding: 1px; }

themes/bootstrap3/less/components/sidebar.less

@@ -83,7 +83,9 @@
   a { color: #fff; }
 }
 .active-filters .facet { padding-right: .65rem; }
-.facet-group .active .badge {
+.facet.active .badge,
+.jstree-node.active .badge,
+.jstree-node.active .badge .fa {
   background-color: #fff;
   color: @brand-primary;
 }