From dcd8f145a8a07b648752f8645086e3f9e1b6378c Mon Sep 17 00:00:00 2001
From: Austin McDaniel <amcdaniel2@gmail.com>
Date: Sun, 9 Jul 2017 10:42:09 -0500
Subject: [PATCH 1/3] docs(demos): add a variety of button demos

---
 .../button-types/button-types-example.css     |  4 --
 .../button-types/button-types-example.html    | 61 ++++++++++++++-----
 2 files changed, 46 insertions(+), 19 deletions(-)

diff --git a/src/material-examples/button-types/button-types-example.css b/src/material-examples/button-types/button-types-example.css
index b0b34952fcc1..9771bda678bf 100644
--- a/src/material-examples/button-types/button-types-example.css
+++ b/src/material-examples/button-types/button-types-example.css
@@ -1,7 +1,3 @@
-.example-container {
-  width: 500px;
-}
-
 .example-button-row {
   display: flex;
   align-items: center;
diff --git a/src/material-examples/button-types/button-types-example.html b/src/material-examples/button-types/button-types-example.html
index 4c5783de9c7a..39f1c2250e51 100644
--- a/src/material-examples/button-types/button-types-example.html
+++ b/src/material-examples/button-types/button-types-example.html
@@ -1,17 +1,48 @@
-<div class="example-container">
-  <h3>Normal Buttons</h3>
-  <div class="button-row">
-    <button md-button>Flat button</button>
-    <button md-raised-button>Raised button</button>
-    <button md-fab><md-icon>check</md-icon></button>
-    <button md-mini-fab><md-icon>check</md-icon></button>
-  </div>
+<h3>Basic Buttons</h3>
+<div class="button-row">
+  <button md-button>Basic</button>
+  <button md-button color="primary">Primary</button>
+  <button md-button color="accent">Ascent</button>
+  <button md-button color="warn">Warn</button>
+  <button md-button disabled>Disabled</button>
+  <a md-button routerLink=".">Link</a>
+</div>
+
+<h3>Raised Buttons</h3>
+<div class="button-row">
+  <button md-raised-button>Basic</button>
+  <button md-raised-button color="primary">Primary</button>
+  <button md-raised-button color="accent">Ascent</button>
+  <button md-raised-button color="warn">Warn</button>
+  <button md-raised-button disabled>Disabled</button>
+  <a md-raised-button routerLink=".">Link</a>
+</div>
+
+<h3>Icon Buttons</h3>
+<div class="button-row">
+  <button md-icon-button><md-icon class="md-24">favorite</md-icon></button>
+  <button md-icon-button color="primary"><md-icon class="md-24">favorite</md-icon></button>
+  <button md-icon-button color="accent"><md-icon class="md-24">favorite</md-icon></button>
+  <button md-icon-button color="warn"><md-icon class="md-24">favorite</md-icon></button>
+  <button md-icon-button disabled><md-icon class="md-24">favorite</md-icon></button>
+</div>
+
+<h3>Fab Buttons</h3>
+<div class="button-row">
+  <button md-fab>Basic</button>
+  <button md-fab color="primary">Primary</button>
+  <button md-fab color="accent">Ascent</button>
+  <button md-fab color="warn">Warn</button>
+  <button md-fab disabled>Warn</button>
+  <a md-fab routerLink=".">Link</a>
+</div>
 
-  <h3>Link Buttons</h3>
-  <div class="example-button-row">
-    <a md-button routerLink=".">Flat button</a>
-    <a md-raised-button routerLink=".">Raised button</a>
-    <a md-fab routerLink="."><md-icon>check</md-icon></a>
-    <a md-mini-fab routerLink="."><md-icon>check</md-icon></a>
-  </div>
+<h3>Mini Fab Buttons</h3>
+<div class="button-row">
+  <button md-mini-fab>Basic</button>
+  <button md-mini-fab color="primary">Primary</button>
+  <button md-mini-fab color="accent">Ascent</button>
+  <button md-mini-fab color="warn">Warn</button>
+  <button md-mini-fab disabled>Warn</button>
+  <a md-mini-fab routerLink=".">Link</a>
 </div>

From 9e53b60bf49b591b39dd7716764d4f5912baf453 Mon Sep 17 00:00:00 2001
From: Austin McDaniel <amcdaniel2@gmail.com>
Date: Mon, 10 Jul 2017 17:06:27 -0500
Subject: [PATCH 2/3] docs(demos): button pr feedback updates

---
 .../button-types/button-types-example.html    | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/material-examples/button-types/button-types-example.html b/src/material-examples/button-types/button-types-example.html
index 39f1c2250e51..ec55585aca50 100644
--- a/src/material-examples/button-types/button-types-example.html
+++ b/src/material-examples/button-types/button-types-example.html
@@ -2,7 +2,7 @@ <h3>Basic Buttons</h3>
 <div class="button-row">
   <button md-button>Basic</button>
   <button md-button color="primary">Primary</button>
-  <button md-button color="accent">Ascent</button>
+  <button md-button color="accent">Accent</button>
   <button md-button color="warn">Warn</button>
   <button md-button disabled>Disabled</button>
   <a md-button routerLink=".">Link</a>
@@ -12,7 +12,7 @@ <h3>Raised Buttons</h3>
 <div class="button-row">
   <button md-raised-button>Basic</button>
   <button md-raised-button color="primary">Primary</button>
-  <button md-raised-button color="accent">Ascent</button>
+  <button md-raised-button color="accent">Accent</button>
   <button md-raised-button color="warn">Warn</button>
   <button md-raised-button disabled>Disabled</button>
   <a md-raised-button routerLink=".">Link</a>
@@ -20,20 +20,21 @@ <h3>Raised Buttons</h3>
 
 <h3>Icon Buttons</h3>
 <div class="button-row">
-  <button md-icon-button><md-icon class="md-24">favorite</md-icon></button>
-  <button md-icon-button color="primary"><md-icon class="md-24">favorite</md-icon></button>
-  <button md-icon-button color="accent"><md-icon class="md-24">favorite</md-icon></button>
-  <button md-icon-button color="warn"><md-icon class="md-24">favorite</md-icon></button>
-  <button md-icon-button disabled><md-icon class="md-24">favorite</md-icon></button>
+  <button md-icon-button><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
+  <button md-icon-button color="primary"><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
+  <button md-icon-button color="accent"><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
+  <button md-icon-button color="warn"><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
+  <button md-icon-button disabled><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
 </div>
 
 <h3>Fab Buttons</h3>
 <div class="button-row">
   <button md-fab>Basic</button>
   <button md-fab color="primary">Primary</button>
-  <button md-fab color="accent">Ascent</button>
+  <button md-fab color="accent">Accent</button>
   <button md-fab color="warn">Warn</button>
-  <button md-fab disabled>Warn</button>
+  <button md-fab disabled>Disabled</button>
+  <button md-fab><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
   <a md-fab routerLink=".">Link</a>
 </div>
 
@@ -41,8 +42,9 @@ <h3>Mini Fab Buttons</h3>
 <div class="button-row">
   <button md-mini-fab>Basic</button>
   <button md-mini-fab color="primary">Primary</button>
-  <button md-mini-fab color="accent">Ascent</button>
+  <button md-mini-fab color="accent">Accent</button>
   <button md-mini-fab color="warn">Warn</button>
-  <button md-mini-fab disabled>Warn</button>
+  <button md-mini-fab disabled>Disabled</button>
+  <button md-mini-fab><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
   <a md-mini-fab routerLink=".">Link</a>
 </div>

From 0f544f991c1ccf37e0877bdb2d2baef57ff80bd7 Mon Sep 17 00:00:00 2001
From: Austin McDaniel <amcdaniel2@gmail.com>
Date: Mon, 10 Jul 2017 19:08:56 -0500
Subject: [PATCH 3/3] docs(demos): update pr feedback

---
 .../button-types/button-types-example.html    | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/material-examples/button-types/button-types-example.html b/src/material-examples/button-types/button-types-example.html
index ec55585aca50..1a9b5b2015a7 100644
--- a/src/material-examples/button-types/button-types-example.html
+++ b/src/material-examples/button-types/button-types-example.html
@@ -20,11 +20,21 @@ <h3>Raised Buttons</h3>
 
 <h3>Icon Buttons</h3>
 <div class="button-row">
-  <button md-icon-button><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
-  <button md-icon-button color="primary"><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
-  <button md-icon-button color="accent"><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
-  <button md-icon-button color="warn"><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
-  <button md-icon-button disabled><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
+  <button md-icon-button>
+    <md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon>
+  </button>
+  <button md-icon-button color="primary">
+    <md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon>
+  </button>
+  <button md-icon-button color="accent">
+    <md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon>
+  </button>
+  <button md-icon-button color="warn">
+    <md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon>
+  </button>
+  <button md-icon-button disabled>
+    <md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon>
+  </button>
 </div>
 
 <h3>Fab Buttons</h3>
@@ -34,7 +44,9 @@ <h3>Fab Buttons</h3>
   <button md-fab color="accent">Accent</button>
   <button md-fab color="warn">Warn</button>
   <button md-fab disabled>Disabled</button>
-  <button md-fab><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
+  <button md-fab>
+    <md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon>
+  </button>
   <a md-fab routerLink=".">Link</a>
 </div>
 
@@ -45,6 +57,8 @@ <h3>Mini Fab Buttons</h3>
   <button md-mini-fab color="accent">Accent</button>
   <button md-mini-fab color="warn">Warn</button>
   <button md-mini-fab disabled>Disabled</button>
-  <button md-mini-fab><md-icon class="md-24" aria-label="favorite">favorite</md-icon></button>
+  <button md-mini-fab>
+    <md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon>
+  </button>
   <a md-mini-fab routerLink=".">Link</a>
 </div>