From 74a374c8a65a85bd8a45b02c2e4ab05cbb43d788 Mon Sep 17 00:00:00 2001
From: Max Lynch <max@drifty.com>
Date: Thu, 29 Oct 2015 12:01:11 -0500
Subject: [PATCH] fix(button): block buttons center. Fixes #225

---
 ionic/components/button/modes/ios.scss | 7 +++++++
 ionic/ionic.ios.scss                   | 1 +
 2 files changed, 8 insertions(+)
 create mode 100644 ionic/components/button/modes/ios.scss

diff --git a/ionic/components/button/modes/ios.scss b/ionic/components/button/modes/ios.scss
new file mode 100644
index 0000000000..c44e8cb847
--- /dev/null
+++ b/ionic/components/button/modes/ios.scss
@@ -0,0 +1,7 @@
+
+button {
+  &[block] {
+    // This fixes an issue with flexbox and button on iOS Safari. See #225
+    display: block;
+  }
+}
diff --git a/ionic/ionic.ios.scss b/ionic/ionic.ios.scss
index 733cacd6d8..42aae80932 100644
--- a/ionic/ionic.ios.scss
+++ b/ionic/ionic.ios.scss
@@ -4,6 +4,7 @@
 // iOS Components
 @import
   "components/app/modes/ios",
+  "components/button/modes/ios",
   "components/icon/modes/ios",
   "components/item/modes/ios",
   "components/toolbar/modes/ios",