Rework API reference pages

chrome/common/extensions/docs/templates/private/api_property.html

Index: chrome/common/extensions/docs/templates/private/api_property.html
diff --git a/chrome/common/extensions/docs/templates/private/api_property.html b/chrome/common/extensions/docs/templates/private/api_property.html
index 266dcaa62e77a99a97b44ec6155e41c03118a031..20edb7e9d791d69f01fcbea8431761806609574e 100644
--- a/chrome/common/extensions/docs/templates/private/api_property.html
+++ b/chrome/common/extensions/docs/templates/private/api_property.html
@@ -1,31 +1,28 @@
 {{#property}}
-<div>
-  <h3 id="{{id}}">{{name}}</h3>
-  <div class="summary">
-    <div class="line">{{api.namespace}}.{{name}}</div>
-  </div>
-  <div>
-    <dt><span class="property">{{name}}</span> {{+partials.type_name link:link type:property/}}</dt>
+<tr>
+  <td>{{+partials.type_name link:link type:property/}}</td>
+  <td><code id="{{id}}">{{api.namespace}}.{{name}}</code></td>
+  <td>
     {{?deprecated +partials.warning_deprecated item:property /}}
-    {{?description}}<dd>
+    {{?description}}
       {{{description}}}
-    </dd>{{/description}}
+    {{/description}}
     {{?properties}}
-    <h4 id="{{name}}-properties" title="">
-      Properties of <a href="#property-{{name}}">{{name}}</a>
-    </h4>
-    <dd><dl>{{#p:properties}}
+    <table class="innerTable">

[Jeffrey Yasskin, 2014/02/07 02:40:03]

Nested tables don't look great, although I'm reasonably happy to let this
through and iterate.

+    <thead><th colspan="3">Properties</th></thead>
+    {{#p:properties}}
       {{+partials.parameter_full parameter:p parentName:false/}}
-    {{/properties}}</dl></dd>
+    {{/properties}}
+    </table>
     {{/properties}}
     {{?functions}}
-    <h4 id="{{name}}-functions" title="">
-      Methods of <a href="#property-{{name}}">{{name}}</a>
-    </h4>
-    <dd><dl>{{#f:functions}}
+    <table class="innerTable">
+    <thead><th colspan="3">Functions</th></thead>
+    {{#f:functions}}
       {{+partials.function function:f parentName:false/}}
-    {{/}}</dl></dd>
     {{/functions}}
-  </div>
-</div>
+    </table>
+    {{/functions}}
+  </td>
+</tr>
 {{/property}}