From ace727e627b56793464d7bdd77ffd5546de49220 Mon Sep 17 00:00:00 2001
From: Nakul Gulati <nakgulati@gmail.com>
Date: Mon, 30 Jan 2017 19:56:24 -0500
Subject: [PATCH] fix(chip): align icon in the center

fixes #5386
---
 src/components/chip/chip.scss            |  4 ++++
 src/components/chip/test/basic/main.html | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/chip/chip.scss b/src/components/chip/chip.scss
index f153852b42..ea5720e913 100644
--- a/src/components/chip/chip.scss
+++ b/src/components/chip/chip.scss
@@ -15,6 +15,9 @@ $chip-button-size:              32px !default;
 /// @prop - Border radius of the icon in the chip
 $chip-icon-border-radius:     50% !default;
 
+/// @prop - Text alignment of the icon in the chip
+$chip-icon-text-align:        center !default;
+
 /// @prop - Width and height of the icon in the chip
 $chip-icon-size:              32px !default;
 
@@ -56,6 +59,7 @@ ion-chip ion-icon {
 
   font-size: $chip-icon-font-size;
   line-height: $chip-icon-size;
+  text-align: $chip-icon-text-align;
 }
 
 ion-chip ion-avatar {
diff --git a/src/components/chip/test/basic/main.html b/src/components/chip/test/basic/main.html
index 5ad55526df..7a9bf9ee60 100644
--- a/src/components/chip/test/basic/main.html
+++ b/src/components/chip/test/basic/main.html
@@ -93,4 +93,14 @@
     </button>
   </ion-chip>
 
+  <ion-item>
+    <ion-label>Chip Item</ion-label>
+    <ion-chip item-right #chip1>
+      <ion-icon name="pin" color="primary"></ion-icon>
+      <ion-label>Default</ion-label>
+      <button ion-button clear color="light" (click)="delete(chip1)">
+        <ion-icon name="close-circle"></ion-icon>
+      </button>
+    </ion-chip>
+  </ion-item>
 </ion-content>