From 0a9700c00aaa7edc79d6a4119b3bd3fb6e83dcda Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Wed, 30 Dec 2015 21:13:42 -0600
Subject: [PATCH] fix(alert): iOS css

---
 ionic/components/alert/alert.ios.scss | 33 +++++++++------------------
 1 file changed, 11 insertions(+), 22 deletions(-)

diff --git a/ionic/components/alert/alert.ios.scss b/ionic/components/alert/alert.ios.scss
index e7b2b47074..8e57302d25 100644
--- a/ionic/components/alert/alert.ios.scss
+++ b/ionic/components/alert/alert.ios.scss
@@ -31,6 +31,7 @@ $alert-ios-input-border-radius:                 4px !default;
 
 $alert-ios-button-min-height:                   44px !default;
 $alert-ios-button-font-size:                    17px !default;
+$alert-ios-button-text-color:                   map-get($colors-ios, primary) !default;
 $alert-ios-button-border-color:                 #c8c7cc !default;
 $alert-ios-button-activated-background-color:   #e9e9e9 !default;
 
@@ -79,20 +80,21 @@ ion-alert {
   -webkit-appearance: none;
 }
 
-.alert-buttons {
-  :last-child {
-    font-weight: bold;
-    border-right: 0;
-  }
-}
-
 .alert-button {
   margin: 0;
   flex: 1;
-  border-radius: 0;
   font-size: $alert-ios-button-font-size;
   min-height: $alert-ios-button-min-height;
+  border-radius: 0;
+  border-top: 1px solid $alert-ios-button-border-color;
   border-right: 1px solid $alert-ios-button-border-color;
+  color: $alert-ios-button-text-color;
+  background-color: transparent;
+
+  &:last-child {
+    font-weight: bold;
+    border-right: 0;
+  }
 
   &.activated {
     opacity: 1;
@@ -102,16 +104,6 @@ ion-alert {
   &:hover:not(.disable-hover) {
     opacity: 1;
   }
-
-  &:before {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-    border-top: 1px solid $alert-ios-button-border-color;
-    content: '';
-    pointer-events: none;
-  }
 }
 
 &.hairlines {
@@ -120,10 +112,7 @@ ion-alert {
   }
 
   .alert-button {
+    border-top-width: 0.55px;
     border-right-width: 0.55px;
-
-    &:before {
-      border-top-width: 0.55px;
-    }
   }
 }