From 824ca7a245594188ae558e15e4bb6407dbbdf30a Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Mon, 23 Mar 2015 08:20:45 -0500
Subject: [PATCH] button-block

---
 src/components/button/button.scss             |  4 +--
 .../button/examples/button-block/index.html   | 26 +++++++++++++++++++
 .../button/examples/button-sizes/index.html   |  4 ++-
 3 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 src/components/button/examples/button-block/index.html

diff --git a/src/components/button/button.scss b/src/components/button/button.scss
index f351d94580..ff9500fae6 100644
--- a/src/components/button/button.scss
+++ b/src/components/button/button.scss
@@ -93,7 +93,7 @@ $button-bar-button-icon-size:     20px !default;
   min-height: $button-height + 5px;
 
   line-height: normal;
-  vertical-align: baseline;
+  vertical-align: top;
 
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -159,7 +159,7 @@ $button-bar-button-icon-size:     20px !default;
 }
 
 .button-block {
-  display: block;
+  @include flex-display();
   clear: both;
 
   &:after {
diff --git a/src/components/button/examples/button-block/index.html b/src/components/button/examples/button-block/index.html
new file mode 100644
index 0000000000..cabdf6296c
--- /dev/null
+++ b/src/components/button/examples/button-block/index.html
@@ -0,0 +1,26 @@
+<link rel="stylesheet" href="../../../../../dist/css/ionic.css">
+
+<style>
+  [ion-app] {
+    display: block;
+  }
+</style>
+
+<div ion-app>
+
+  <p>
+    <a class="button button-block button-positive" href="#">a.button-block</a>
+    <button class="button button-block button-positive">button.button-block</button>
+  </p>
+
+  <p>
+    <a class="button button-block button-outline button-positive" href="#">a.button-block</a>
+    <button class="button button-block button-outline button-positive">button.button-block</button>
+  </p>
+
+  <p>
+    <a class="button button-block button-clear button-positive" href="#">a.button-block</a>
+    <button class="button button-block button-clear button-positive">button.button-block</button>
+  </p>
+
+</div>
diff --git a/src/components/button/examples/button-sizes/index.html b/src/components/button/examples/button-sizes/index.html
index 0d1655d7ed..a1f198e1eb 100644
--- a/src/components/button/examples/button-sizes/index.html
+++ b/src/components/button/examples/button-sizes/index.html
@@ -20,7 +20,9 @@
   </p>
 
   <p>
-    <a class="button button-large button-positive" href="#">a</a>
+    <a class="button button-large button-positive" href="#">
+      <span style="font-size:44px">H</span>
+      a</a>
     <button class="button button-large button-positive">button</button>
 
     <a class="button button-outline button-large button-positive" href="#">a</a>