From 50e0c1a9d9d22332600260d31f52f766b461df19 Mon Sep 17 00:00:00 2001
From: Todd Parker <todd@filamentgroup.com>
Date: Thu, 3 Nov 2011 23:08:33 -0400
Subject: [PATCH] Added a few fixes and cleanup to data- attr page

---
 docs/api/data-attributes.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/api/data-attributes.html b/docs/api/data-attributes.html
index 7ce57da4..dc32514c 100644
--- a/docs/api/data-attributes.html
+++ b/docs/api/data-attributes.html
@@ -27,11 +27,11 @@
 				<style>
 					table { width:100%; border-bottom:1px solid #ccc; }
 					th { text-align:left; width: 170px; }
-					th, td { vertical-align:top; border-top:1px solid #ccc; padding: 6px 0 10px }
+					th, td { vertical-align:top; border-top:1px solid #ccc; padding: 6px 10px 4px 0; }
 				</style>
 			
 			<h2><a href="../buttons/buttons-types.html">Button</a></h2>
-			<p>Links with <code>data-role="button"</code> or input-based buttons, or button elements</p>
+			<p>Links with <code>data-role="button"</code>. Input-based buttons and button elements are auto-enhanced, no <code>data-role required</code>.</p>
 			<table>
 				<tr>
 					<th>data-corners</th>
@@ -66,7 +66,7 @@
 			
 
 			<h2><a href="../toolbars/docs-footers.html">Checkbox</a></h2>
-			<p>Pairs of labels and inputs with <code>type="checkbox"</code></p>
+			<p>Pairs of labels and inputs with <code>type="checkbox"</code> are auto-enhanced, no <code>data-role required</code></p>
 			<table>
 				<tr>
 					<th>data-role</th>
@@ -79,7 +79,7 @@
 			</table>
 
 			<h2><a href="../content/content-collapsible.html">Collapsible</a></h2>
-			<p>Wrap a heading and content in a container with the <code>data-role="collapsible"</code></p>
+			<p>A heading and content wrapped in a container with the <code>data-role="collapsible"</code>.</p>
 			<table>
 				<tr>
 					<th>data-collapsed</th>
@@ -96,7 +96,7 @@
 			</table>
 			
 			<h2><a href="../content/content-collapsible-set.html">Collapsible set</a></h2>
-			<p>Wrap a number of collapsibles in a container with the <code>data-role="collapsible-set"</code></p>
+			<p>A number of collapsibles wrapped in a container with the <code>data-role="collapsible-set"</code>.</p>
 			<table>
 				<tr>
 					<th>data-content-theme</th>
@@ -137,7 +137,7 @@
 			</table>
 			
 			<h2><a href="../toolbars/docs-footers.html">Fieldcontainer</a></h2>
-			<p>Container around label/form element with <code>data-role="fieldcontain"</code></p>
+			<p>Container with <code>data-role="fieldcontain"</code> wrapped around label/form element pair.</p>
 
 			<h2><a href="../forms/switch/">Flip Switch</a></h2>
 			<p>Select with <code>data-role="slider"</code>, two options only</p>
@@ -214,7 +214,7 @@
 			</table>
 			
 			<h2><a href="../lists/docs-lists.html">Listview</a></h2>
-			<p>OL or UL with <code>data-role="listview"</code></p>
+			<p>OL or UL with <code>data-role="listview"</code>.</p>
 			<table>
 				<tr>
 					<th>data-count-theme</th>
@@ -251,7 +251,7 @@
 			</table>
 			
 			<h2><a href="../lists/docs-lists.html">Listview item</a></h2>
-			<p>LI within a listview</p>
+			<p>LI within a listview.</p>
 			<table>
 				<tr>
 					<th>data-icon</th>
@@ -297,7 +297,7 @@
 			</table>
 			
 			<h2><a href="../forms/radiobuttons/">Radio button</a></h2>
-			<p>Pairs of labels and inputs with <code>type="radio"</code></p>
+			<p>Pairs of labels and inputs with <code>type="radio"</code> are auto-enhanced, no <code>data-role required</code>.</p>
 			<table>
 				<tr>
 					<th>data-role</th>
@@ -310,7 +310,7 @@
 			</table>
 			
 			<h2><a href="../forms/slider/">Select</a></h2>
-			<p>A <code>select</code> form element</p>
+			<p>All <code>select</code> form elements are auto-enhanced, no <code>data-role required</code></p>
 			<table>
 				<tr>
 					<th>data-icon</th>
@@ -344,7 +344,7 @@
 			<p>Multiple selects can be wrapped in a fieldset with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the selects to sit side-by-side.</p>
 			
 			<h2><a href="../forms/slider/">Slider</a></h2>
-			<p>Input <code>type="range"</code></p>
+			<p>Inputs with <code>type="range"</code> are auto-enhanced, no <code>data-role required</code>.</p>
 			<table>
 				<tr>
 					<th>data-role</th>
@@ -361,7 +361,7 @@
 			</table>
 			
 			<h2><a href="../forms/textinputs/">Text input &amp; Textarea</a></h2>
-			<p>Input <code>type="text|number|search|etc."</code> or a <code>textarea</code></p>
+			<p>Input <code>type="text|number|search|etc."</code> or <code>textarea</code> elements are auto-enhanced, no <code>data-role required</code>.</p>
 			<table>
 				<tr>
 					<th>data-role</th>