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 69837a249416b7e532f5c0bee26d64fb639bc5d5..c80284d2bc85fa7f50e548e7eae6807e010c881c 100644
--- a/chrome/common/extensions/docs/templates/private/api_property.html
+++ b/chrome/common/extensions/docs/templates/private/api_property.html
@@ -1,30 +1,27 @@
 {{#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>
-    {{?description}}<dd>
+<tr>
+  <td>{{+partials.type_name link:link type:property/}}</td>
+  <td><code id="{{id}}">{{api.namespace}}.{{name}}</code></td>
+  <td>
+    {{?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">

[not at google - send to devlin, 2014/01/03 23:30:24]

what is "innerTable" supposed to be? I see it used a bunch but it's not clear
from context why it should be "inner". is there a semantically meaningful name
it could be?

[Renato Mangini (chromium), 2014/02/06 03:19:17]

It is a table that is inside another, and thus has slightly different CSS
properties (mostly margins and padding).

On 2014/01/03 23:30:24, kalman - OOO wrote:

+    <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}}