From 89d15267083668b9c2b9beacd86fd8f3b3135d20 Mon Sep 17 00:00:00 2001
From: Cam Wiegert <cam@camwiegert.com>
Date: Mon, 16 Jul 2018 13:19:16 -0500
Subject: [PATCH] fix(button): set display type on host

---
 core/src/components/button/button.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/core/src/components/button/button.scss b/core/src/components/button/button.scss
index ea85c3a6ef..96745adfcb 100644
--- a/core/src/components/button/button.scss
+++ b/core/src/components/button/button.scss
@@ -4,6 +4,7 @@
 // --------------------------------------------------
 
 :host {
+  display: inline-block;
   vertical-align: top; // the better option for most scenarios
   vertical-align: -webkit-baseline-middle; // the best for those that support it
   text-decoration: none;
@@ -58,6 +59,10 @@
 // Block Button
 // --------------------------------------------------
 
+:host(.button-block) {
+  display: block;
+}
+
 :host(.button-block) .button-native {
   @include margin-horizontal(0);
 
@@ -77,6 +82,10 @@
 // Full Button
 // --------------------------------------------------
 
+:host(.button-full) {
+  display: block;
+}
+
 :host(.button-full) .button-native {
   @include margin-horizontal(0);