diff --git a/regulations/static/regulations/css/scss/partials/_sidebar.scss b/regulations/static/regulations/css/scss/partials/_sidebar.scss
index ee324234f..2b14defc1 100644
--- a/regulations/static/regulations/css/scss/partials/_sidebar.scss
+++ b/regulations/static/regulations/css/scss/partials/_sidebar.scss
@@ -33,26 +33,6 @@ Sidebar
@include reset;
}
- // Headers within the sidebar should be
- h4 {
- padding: 0 10px;
- font-size: 1em * $sans_font_scale_factor;
- line-height: 40px;
- margin: 0;
- text-transform: uppercase;
- letter-spacing: 1px;
- color: $gray_darkest;
- @include sans-font-bold;
-
- &.important {
- color: $red;
- }
-
- h5 {
- margin: 0;
- }
- }
-
/*
Sidebar Expandables
-------------------
@@ -65,7 +45,7 @@ Sidebar Expandables
width: 100%;
&.has-content {
- background-color: $orange_lightest;
+ background-color: $blue_lightest;
}
h4 {
@@ -83,13 +63,13 @@ Sidebar Expandables
header {
&.expandable a:before {
@extend .cf-icon;
- content: '\e109';
+ content: '\e003';
color: $blue_light;
}
&.open a:before {
@extend .cf-icon;
- content: '\e111';
+ content: '\e007';
color: $blue_light;
}
}
@@ -154,12 +134,25 @@ Regs Meta contains the sub-content meta data found in the sidebar
.regs-meta {
+ // Headers within the sidebar should be
h4 {
- @include sans-font-bold;
+ padding: 0 10px;
+ font-size: 1em * $sans_font_scale_factor;
+ line-height: 40px;
+ margin: 0;
+ letter-spacing: 1px;
+ color: $gray_darkest;
+ @include sans-font-regular;
+
+ &.important {
+ color: $red;
+ }
+
}
h5 {
font-size: 16px * $sans_font_scale_factor;
+ margin: 0;
}
/* We either use a subtitle + "What's this?" or an inline explanation
diff --git a/regulations/static/regulations/js/source/views/sidebar/sidebar-view.js b/regulations/static/regulations/js/source/views/sidebar/sidebar-view.js
index cef9cc422..253d1cd01 100644
--- a/regulations/static/regulations/js/source/views/sidebar/sidebar-view.js
+++ b/regulations/static/regulations/js/source/views/sidebar/sidebar-view.js
@@ -143,7 +143,7 @@ const SidebarView = Backbone.View.extend({
});
/* Also remove any components of the sidebar which don't have a Backbone
* view */
- this.$el.find('.regs-meta').remove();
+ this.$el.find('.regs-meta:not(#definition)').remove();
},
loading: function loading() {
diff --git a/regulations/templates/regulations/chrome.html b/regulations/templates/regulations/chrome.html
index bd63769b3..35f60a5f2 100644
--- a/regulations/templates/regulations/chrome.html
+++ b/regulations/templates/regulations/chrome.html
@@ -219,7 +219,7 @@ Search in regulation effective:
{% block chrome-sidebar %}