From 8812fec315262f776f23a09cd3170378387ace2a Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 9 Oct 2015 10:38:15 -0400
Subject: [PATCH] refactor(search-bar): updated iOS cancel button to be far off
 screen to begin with

references #247
---
 ionic/components/search-bar/modes/ios.scss | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/ionic/components/search-bar/modes/ios.scss b/ionic/components/search-bar/modes/ios.scss
index c7f9d10922..7b355489cf 100644
--- a/ionic/components/search-bar/modes/ios.scss
+++ b/ionic/components/search-bar/modes/ios.scss
@@ -78,6 +78,17 @@ $search-bar-ios-input-close-icon-size:    17px !default;
   top: 6px;
 }
 
+.search-bar-cancel {
+  @extend button[clear];
+  transition: $search-bar-ios-cancel-transition;
+  min-height: 0;
+
+  padding-left: 8px;
+  padding-right: 0;
+  margin-left: 0;
+  margin-right: -100%;
+}
+
 .search-bar-input-container.left-align {
   .search-bar-search-icon {
     margin-left: 0;
@@ -87,14 +98,6 @@ $search-bar-ios-input-close-icon-size:    17px !default;
   }
 }
 
-.search-bar-cancel {
-  @extend button[clear];
-  transition: $search-bar-ios-cancel-transition;
-  padding-left: 8px;
-  min-height: 0;
-  padding-right: 0;
-}
-
 &.hairlines .search-bar {
   border-bottom-width: 0.55px;
 }