Update with review comments

Author: jcollins-g

lib/resources/styles.css

@@ -461,20 +461,18 @@ h1 .category {
 }
 
 .feature {
-  padding: 2px 4px;
-  font-size: 12px;
-  border-radius: 4px;
-  background-color: #999;
-  text-transform: uppercase;
-  color: white;
-  opacity: .5;
-}
+  display: inline-block;
+  background: white;
+  border: 1px solid #0175c2;
+  border-radius: 20px;
+  color: #0175c2;
 
-.feature.feature-nnbd {
-  background-color: #8d36ad;
+  font-size: 12px;
+  padding: 1px 6px;
+  margin: 0 8px 0 0;
 }
 
-feature .category {
+h1 .feature {
   vertical-align: middle;
 }
 

lib/src/model/feature_set.dart

@@ -18,7 +18,7 @@ mixin FeatureSet {
     // legacy interfaces.
     if (isNNBD) {
       yield LanguageFeature(
-          'nnbd', packageGraph.rendererFactory.featureRenderer);
+          'Null safety', packageGraph.rendererFactory.featureRenderer);
     }
   }
 

lib/src/model/language_feature.dart

@@ -5,7 +5,7 @@
 import 'package:dartdoc/src/render/feature_renderer.dart';
 
 const Map<String, String> _featureDescriptions = {
-  'nnbd': 'This interface is non-nullable by default.',
+  'Null safety': 'Supports the null safety language feature.',
 };
 
 /// An abstraction for a language feature; used to render tags to notify

lib/templates/html/class.html

@@ -8,7 +8,7 @@ <h5>{{parent.name}} {{parent.kind}}</h5>
 
   <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
     {{#self}}
-      <div>{{>source_link}}<h1><span class="kind-class">{{{nameWithGenerics}}}</span> {{kind}} {{>categorization}} {{>feature_set}}</h1></div>
+      <div>{{>source_link}}<h1><span class="kind-class">{{{nameWithGenerics}}}</span> {{kind}} {{>feature_set}} {{>categorization}}</h1></div>
     {{/self}}
 
     {{#clazz}}

lib/templates/html/enum.html

@@ -8,7 +8,7 @@ <h5>{{parent.name}} {{parent.kind}}</h5>
 
   <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
     {{#self}}
-      <div>{{>source_link}}<h1><span class="kind-enum">{{{name}}}</span> {{kind}} {{>categorization}} {{>feature_set}}</h1></div>
+      <div>{{>source_link}}<h1><span class="kind-enum">{{{name}}}</span> {{kind}} {{>feature_set}} {{>categorization}}</h1></div>
     {{/self}}
 
     {{#eNum}}

lib/templates/html/extension.html

@@ -8,7 +8,7 @@ <h5>{{parent.name}} {{parent.kind}}</h5>
 
 <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
     {{#self}}
-    <div>{{>source_link}}<h1><span class="kind-class">{{{nameWithGenerics}}}</span> {{kind}} {{>categorization}} {{>feature_set}}</h1></div>
+    <div>{{>source_link}}<h1><span class="kind-class">{{{nameWithGenerics}}}</span> {{kind}} {{>feature_set}} {{>categorization}}</h1></div>
     {{/self}}
 
     {{#extension}}

lib/templates/html/function.html

@@ -8,7 +8,7 @@ <h5>{{parent.name}} {{parent.kind}}</h5>
 
   <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
     {{#self}}
-      <div>{{>source_link}}<h1><span class="kind-function">{{{nameWithGenerics}}}</span> {{kind}} {{>categorization}} {{>feature_set}}</h1></div>
+      <div>{{>source_link}}<h1><span class="kind-function">{{{nameWithGenerics}}}</span> {{kind}} {{>feature_set}} {{>categorization}}</h1></div>
     {{/self}}
 
     {{#function}}

lib/templates/html/library.html

@@ -8,7 +8,7 @@ <h5><span class="package-name">{{parent.name}}</span> <span class="package-kind"
 
   <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
     {{#self}}
-      <div>{{>source_link}}<h1><span class="kind-library">{{{name}}}</span> {{kind}} {{>categorization}} {{>feature_set}}</h1></div>
+      <div>{{>source_link}}<h1><span class="kind-library">{{{name}}}</span> {{kind}} {{>feature_set}} {{>categorization}}</h1></div>
     {{/self}}
 
     {{#library}}

lib/templates/html/mixin.html

@@ -8,7 +8,7 @@ <h5>{{parent.name}} {{parent.kind}}</h5>
 
   <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
     {{#self}}
-      <div>{{>source_link}}<h1><span class="kind-mixin">{{{nameWithGenerics}}}</span> {{kind}} {{>categorization}} {{>feature_set}}</h1></div>
+      <div>{{>source_link}}<h1><span class="kind-mixin">{{{nameWithGenerics}}}</span> {{kind}} {{>feature_set}} {{>categorization}}</h1></div>
     {{/self}}
 
     {{#mixin}}

lib/templates/html/top_level_constant.html

@@ -8,7 +8,7 @@ <h5>{{parent.name}} {{parent.kind}}</h5>
 
   <div id="dartdoc-main-content" class="col-xs-12 col-sm-9 col-md-8 main-content">
     {{#self}}
-      <div>{{>source_link}}<h1><span class="kind-top-level-constant">{{{name}}}</span> {{kind}} {{>categorization}} {{>feature_set}}</h1></div>
+      <div>{{>source_link}}<h1><span class="kind-top-level-constant">{{{name}}}</span> {{kind}} {{>feature_set}} {{>categorization}}</h1></div>
 
       <section class="multi-line-signature">
         {{>name_summary}}