Make it more clear that some docs are disabled by default

assets/javascripts/templates/sidebar_tmpl.coffee

@@ -27,6 +27,8 @@ templates.sidebarLabel = (doc, options = {}) ->
   label += 'checked' if options.checked
   label +  ">#{doc.name}</label>"
 
+templates.sidebarDisabled = '<h6 class="_list-title">Disabled</h6>'
+
 templates.sidebarVote = '<a href="https://trello.com/b/6BmTulfx/devdocs-documentation" class="_list-link" target="_blank">Vote for new documentation</a>'
 
 sidebarFooter = (html) -> """<div class="_sidebar-footer">#{html}</div>"""

assets/javascripts/views/sidebar/doc_list.coffee

@@ -32,7 +32,8 @@ class app.views.DocList extends app.View
   render: =>
     @html @tmpl('sidebarDoc', app.docs.all())
     unless app.isSingleDoc() or app.settings.hasDocs()
-      @append @tmpl('sidebarDoc', app.disabledDocs.all(), disabled: true)
+      @append @tmpl('sidebarDisabled') +
+              @tmpl('sidebarDoc', app.disabledDocs.all(), disabled: true)
     return
 
   reset: ->

assets/stylesheets/components/_sidebar.scss

@@ -56,6 +56,13 @@
   }
 }
 
+._list-title {
+  margin: 1rem 0 .5rem 2.25rem;
+  font-size: .75rem;
+  color: $textColorLight;
+  text-transform: uppercase;
+}
+
 ._list-item {
   display: block;
   position: relative;