docs(parent): make parent-tag look better

docs/tag-defs/parent.js

@@ -3,6 +3,9 @@ var _ = require('lodash');
 module.exports = [{
   name: 'parent',
   transformFn: function(doc, tag) {
-    return _.template('{@link ionic.directive:${description} ${description}}', tag);
+    return {
+      path: 'docs/angularjs/ionic/api/directive/' + tag.description,
+      name: tag.description
+    };
   }
 }];

docs/templates/api/api.template.html

@@ -6,7 +6,9 @@
   <@ if doc.docType == "directive" @>
 <h2><$ doc.name | dashCase $>
     <@ if doc.parent @>
-<small>(must have a parent <$ doc.parent $>)</small>
+    <small>
+      (child of an <a href="<$ doc.parent.path $>"><$ doc.parent.name | dashCase $></a> element)
+    </small>
     <@ endif @>
 </h2>
   <@ else @>

docs/templates/api/directive.template.html

@@ -4,7 +4,7 @@
 <@ block additional @>
 
   <@ block usage @>
-### Usage
+<h2 id="usage">Usage</h2>
   <@ if doc.usage @>
 <$ doc.usage $>
   <@ else @>
@@ -46,9 +46,13 @@
   <@- endif @>
   <@ endblock -@>
 
+<h2 id="api" style="clear:both;">API</h2>
+
   <@ if doc.params @>
-<h3 style="clear:both;">API</h3>
 <$ paramTable(doc.params, true) $>
+  <@ else @>
+No options available.
   <@ endif @>
+
   <@ include "lib/events.template.html" @>
 <@ endblock @>

docs/templates/pages-data.template.html

@@ -290,11 +290,10 @@ ol-b">
     {% include base_scripts.html %}
 
     <style>
-    .left-menu li.menu-subsection {
+    .left-menu li.menu-subsection {
       padding-left: 0.5em;
       font-weight: bold;
     }
-    .left-menu li.menu-item {
     .left-menu li.menu-item {
     }
     </style>