From 9ec82c4f068940c47e40e696b4555cf0021319cc Mon Sep 17 00:00:00 2001
From: Hans Larsen <hans@hansl.ca>
Date: Tue, 29 Mar 2016 13:19:28 -0700
Subject: [PATCH] fix: vertically align buttons with the surrounding text.

Also add a section for baseline vertical alignment.
---
 src/components/button/_button-base.scss |  3 +--
 src/demo-app/button/button-demo.html    | 13 +++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/button/_button-base.scss b/src/components/button/_button-base.scss
index 5d19e04293e..08d1bf2abec 100644
--- a/src/components/button/_button-base.scss
+++ b/src/components/button/_button-base.scss
@@ -36,7 +36,6 @@ $md-mini-fab-padding: 8px !default;
   // Reset browser <button> styles.
   background: transparent;
   text-align: center;
-  overflow: hidden;
   cursor: pointer;
   user-select: none;
   outline: none;
@@ -46,7 +45,7 @@ $md-mini-fab-padding: 8px !default;
   display: inline-block;
   white-space: nowrap;
   text-decoration: none;
-  vertical-align: middle;
+  vertical-align: baseline;
 
   // Typography.
   font-size: $md-body-font-size-base;
diff --git a/src/demo-app/button/button-demo.html b/src/demo-app/button/button-demo.html
index c9b0b254a22..1ae4c5e395d 100644
--- a/src/demo-app/button/button-demo.html
+++ b/src/demo-app/button/button-demo.html
@@ -1,4 +1,17 @@
 <div class="demo-button">
+  <section>
+    Link
+    <a href="http://www.google.com" md-button color="primary">link</a>
+    Button
+    <button md-button>flat</button>
+  </section>
+  <section>
+    Link
+    <a href="http://www.google.com" md-raised-button color="primary">link</a>
+    Button
+    <button md-raised-button>button</button>
+  </section>
+
   <section>
     <button md-button>flat</button>
     <button md-raised-button>raised</button>