Fix facets collapse toggle alignment; fixes #1553

projectblacklight · Oct 31, 2016 · e44c31a · e44c31a
1 parent 2d89229
commit e44c31a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss
@@ -1,5 +1,15 @@
+.top-panel-heading {
+  @extend .navbar-light;
+  @extend .clearfix;
+
+  .navbar-toggler {
+    float: right;
+  }
+}
+
 .facets-heading {
   @extend .h4;
+  line-height: inherit;
 }
 
 .facet-limit-active {

diff --git a/app/views/catalog/_facets.html.erb b/app/views/catalog/_facets.html.erb
@@ -3,9 +3,7 @@
 <div id="facets" class="facets sidenav">
 
   <div class="top-panel-heading">
-    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#facet-panel-collapse" aria-controls="facet-panel-collapse" aria-expanded="false" aria-label="Toggle facets">
-      &#9776;
-    </button>
+    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#facet-panel-collapse" aria-controls="facet-panel-collapse" aria-expanded="false" aria-label="Toggle facets"></button>
 
     <h2 class="facets-heading">
       <%= t('blacklight.search.facets.title') %>