From f2ddfd9066b6d15adfb8a5f7a70f2e5044a9fe5b Mon Sep 17 00:00:00 2001
From: Jeff Posnick <jeffy@google.com>
Date: Mon, 29 Sep 2014 12:18:38 -0400
Subject: [PATCH 1/4] Reformatted the type info displayed for method and event
 parameters.

---
 elements/core-doc-page.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/elements/core-doc-page.html b/elements/core-doc-page.html
index b52b6cc..bd2b286 100644
--- a/elements/core-doc-page.html
+++ b/elements/core-doc-page.html
@@ -107,7 +107,7 @@ <h3 id="{{data.name}}.events">Events</h3>
                     <div class="params">
                       <p>Event details:</p>
                       <template repeat="{{param in event.params}}">
-                        <p><code>{{param.name}}</code><span> <code>( {{param.type}} )</code></span></p>
+                        <p><code>&lt;<em>{{param.type}}</em>&gt; {{param.name}}</code></p>
                         <p><span>{{param.description}}</span></p>
                       </template>
                     </div>
@@ -132,7 +132,7 @@ <h3 id="{{data.name}}.methods">Methods</h3>
                     <div class="params">
                       <p>Method parameters:</p>
                       <template repeat="{{param in method.params}}">
-                        <p><code>{{param.name}}</code><span> <code>( {{param.type}} )</code></span></p>
+                        <p><code>&lt;<em>{{param.type}}</em>&gt; {{param.name}}</code></p>
                         <p><span>{{param.description}}</span></p>
                       </template>
                     </div>

From d0677d1216ed494a12b76eaffe5cbc1224066ace Mon Sep 17 00:00:00 2001
From: Jeff Posnick <jeffy@google.com>
Date: Mon, 29 Sep 2014 17:50:32 -0400
Subject: [PATCH 2/4] Update the display of variable types for attributes and
 properties, too.

---
 elements/core-doc-page.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/elements/core-doc-page.html b/elements/core-doc-page.html
index bd2b286..fed2156 100644
--- a/elements/core-doc-page.html
+++ b/elements/core-doc-page.html
@@ -61,11 +61,11 @@ <h3 id="{{data.name}}.attributes">Attributes</h3>
             <template repeat="{{attribute in data.attributes}}">
               <div class="details" horizontal layout>
                 <div class="details-name" flex id="{{data.name}}.attributes.{{attribute.name}}">
-                  <p><code>{{attribute.name}}</code></p>
+                  <p><code>&lt;<em>{{attribute.type}}</em>&gt; {{attribute.name}}</code></p>
                 </div>
                 <div class="details-info" flex three>
-                  <p layout horizontal center justified>
-                    <code>{{attribute.type}}</code><span class="default" hidden?="{{!attribute.default}}">default: <code>{{attribute.default}}</code></span>
+                  <p layout horizontal center justified hidden?="{{!attribute.default}}">
+                    <span class="default">default: <code>{{attribute.default}}</code></span>
                   </p>
                   <marked-element text="{{attribute.description}}"></marked-element>
                 </div>
@@ -80,11 +80,11 @@ <h3 id="{{data.name}}.properties">Properties</h3>
             <template repeat="{{property in data.properties}}">
               <div class="details" horizontal layout>
                 <div class="details-name" flex id="{{data.name}}.properties.{{property.name}}">
-                  <p><code>{{property.name}}</code></p>
+                  <p><code>&lt;<em>{{property.type}}</em>&gt; {{property.name}}</code></p>
                 </div>
                 <div class="details-info" flex three>
-                  <p layout horizontal center justified>
-                    <code>{{property.type}}</code><span class="default" hidden?="{{!property.default}}">default: <code>{{property.default}}</code></span>
+                  <p layout horizontal center justified hidden?="{{!property.default}}">
+                    <span class="default">default: <code>{{property.default}}</code></span>
                   </p>
                   <marked-element text="{{property.description}}"></marked-element>
                 </div>

From 54ad9efb7092f8abcae5e48422da3738642146b7 Mon Sep 17 00:00:00 2001
From: Jeff Posnick <jeffy@google.com>
Date: Tue, 30 Sep 2014 10:21:05 -0400
Subject: [PATCH 3/4] Moved the type information around.

---
 elements/core-doc-page.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/elements/core-doc-page.html b/elements/core-doc-page.html
index fed2156..f7a7006 100644
--- a/elements/core-doc-page.html
+++ b/elements/core-doc-page.html
@@ -61,11 +61,11 @@ <h3 id="{{data.name}}.attributes">Attributes</h3>
             <template repeat="{{attribute in data.attributes}}">
               <div class="details" horizontal layout>
                 <div class="details-name" flex id="{{data.name}}.attributes.{{attribute.name}}">
-                  <p><code>&lt;<em>{{attribute.type}}</em>&gt; {{attribute.name}}</code></p>
+                  <p><code>{{attribute.name}}</code></p>
                 </div>
                 <div class="details-info" flex three>
-                  <p layout horizontal center justified hidden?="{{!attribute.default}}">
-                    <span class="default">default: <code>{{attribute.default}}</code></span>
+                  <p layout horizontal center justified>
+                    <code>&lt;<em>{{attribute.type}}</em>&gt;</code><span class="default" hidden?="{{!attribute.default}}">default: <code>{{attribute.default}}</code></span>
                   </p>
                   <marked-element text="{{attribute.description}}"></marked-element>
                 </div>
@@ -80,11 +80,11 @@ <h3 id="{{data.name}}.properties">Properties</h3>
             <template repeat="{{property in data.properties}}">
               <div class="details" horizontal layout>
                 <div class="details-name" flex id="{{data.name}}.properties.{{property.name}}">
-                  <p><code>&lt;<em>{{property.type}}</em>&gt; {{property.name}}</code></p>
+                  <p><code>{{property.name}}</code></p>
                 </div>
                 <div class="details-info" flex three>
-                  <p layout horizontal center justified hidden?="{{!property.default}}">
-                    <span class="default">default: <code>{{property.default}}</code></span>
+                  <p layout horizontal center justified>
+                  <code>&lt;<em>{{property.type}}</em>&gt;</code><span class="default" hidden?="{{!property.default}}">default: <code>{{property.default}}</code></span>
                   </p>
                   <marked-element text="{{property.description}}"></marked-element>
                 </div>

From 199ac26d2b82f34833e026a1ea1f79cb80f9bb99 Mon Sep 17 00:00:00 2001
From: Jeff Posnick <jeffy@google.com>
Date: Tue, 30 Sep 2014 10:22:04 -0400
Subject: [PATCH 4/4] Indentation fix.

---
 elements/core-doc-page.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/elements/core-doc-page.html b/elements/core-doc-page.html
index f7a7006..a21b30b 100644
--- a/elements/core-doc-page.html
+++ b/elements/core-doc-page.html
@@ -84,7 +84,7 @@ <h3 id="{{data.name}}.properties">Properties</h3>
                 </div>
                 <div class="details-info" flex three>
                   <p layout horizontal center justified>
-                  <code>&lt;<em>{{property.type}}</em>&gt;</code><span class="default" hidden?="{{!property.default}}">default: <code>{{property.default}}</code></span>
+                    <code>&lt;<em>{{property.type}}</em>&gt;</code><span class="default" hidden?="{{!property.default}}">default: <code>{{property.default}}</code></span>
                   </p>
                   <marked-element text="{{property.description}}"></marked-element>
                 </div>