From b9bb3d11aad784105505311a6dbc57fb55d2352e Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Tue, 6 Oct 2015 17:48:12 -0400
Subject: [PATCH] refactor(search-bar): Fix search icon positioning

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

diff --git a/ionic/components/search-bar/modes/ios.scss b/ionic/components/search-bar/modes/ios.scss
index ff446af8e5..08b1641465 100644
--- a/ionic/components/search-bar/modes/ios.scss
+++ b/ionic/components/search-bar/modes/ios.scss
@@ -12,7 +12,8 @@ $search-bar-ios-input-search-icon-svg:    "<svg xmlns='http://www.w3.org/2000/sv
 $search-bar-ios-input-search-icon-size:   13px !default;
 
 $search-bar-ios-input-height:             28px !default;
-$search-bar-ios-input-text-color:         #9D9D9D !default;
+$search-bar-ios-input-placeholder-color:  #9D9D9D !default;
+$search-bar-ios-input-text-color:         #000 !default;
 $search-bar-ios-input-background-color:   #FFFFFF !default;
 $search-bar-ios-input-transition:         all 0.3s cubic-bezier(.25, .45, .05, 1) !default;
 
@@ -29,10 +30,10 @@ $search-bar-ios-input-close-icon-size:    17px !default;
 }
 
 .search-bar-search-icon {
-  width: $search-bar-ios-input-search-icon-size + 1;
+  width: 100%;
   height: $search-bar-ios-input-search-icon-size + 1;
 
-  transform: translateX(calc(50% + 90px));
+  transform: translateX(calc(50% - 60px));
   transition: $search-bar-ios-input-transition;
 
   @include svg-background-image($search-bar-ios-input-search-icon-svg);
@@ -58,6 +59,10 @@ $search-bar-ios-input-close-icon-size:    17px !default;
 
   transition: $search-bar-ios-input-transition;
 
+  &::placeholder {
+    color: $search-bar-ios-input-placeholder-color;
+  }
+
   @include calc(padding-left, "50% - 28px");
 }