From 96616842ecf76ebcedb79e04c541bb861f7d3b28 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Tue, 8 Dec 2015 17:08:31 -0500
Subject: [PATCH] fix(button): fixed block button margin left & right

references #689
---
 ionic/components/button/button.scss    | 2 --
 ionic/components/button/modes/ios.scss | 2 ++
 ionic/components/button/modes/md.scss  | 9 +++++++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss
index 129f26b846..3a30935ded 100644
--- a/ionic/components/button/button.scss
+++ b/ionic/components/button/button.scss
@@ -48,8 +48,6 @@ a.button {
 .button-block {
   display: flex;
   clear: both;
-  margin-right: 0;
-  margin-left: 0;
   width: 100%;
 
   &:after {
diff --git a/ionic/components/button/modes/ios.scss b/ionic/components/button/modes/ios.scss
index 983747486a..37e1fc151a 100644
--- a/ionic/components/button/modes/ios.scss
+++ b/ionic/components/button/modes/ios.scss
@@ -96,6 +96,8 @@ $button-ios-small-icon-font-size:     1.3em !default;
   // This fixes an issue with flexbox and button on iOS Safari. See #225
   display: block;
   line-height: $button-ios-height;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 
diff --git a/ionic/components/button/modes/md.scss b/ionic/components/button/modes/md.scss
index 1c69af9b15..b5e55f8dc7 100644
--- a/ionic/components/button/modes/md.scss
+++ b/ionic/components/button/modes/md.scss
@@ -121,6 +121,15 @@ $button-md-small-icon-font-size:           1.4em !default;
 }
 
 
+// Material Design Block Button
+// --------------------------------------------------
+
+.button-block {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+
 // Material Design Outline Button
 // --------------------------------------------------