From 5438c9316fe65c4ccf637d2de8f67198390a81a0 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Tue, 20 Oct 2015 13:41:44 -0400
Subject: [PATCH] fix(item-sliding): fixed the margin for the option buttons
 and sliding content

The min-height being too large was causing the issue of showing the
button behind the item sliding content and some hairline margins were
off. References #295
---
 ionic/components/item/modes/ios.scss | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss
index 9f4b56f1d6..4014bc2888 100644
--- a/ionic/components/item/modes/ios.scss
+++ b/ionic/components/item/modes/ios.scss
@@ -167,7 +167,7 @@ $item-ios-sliding-transition:         transform 250ms ease-in-out !default;
     padding-left: 0;
     padding-right: 0;
   }
-  
+
   ion-item-sliding-content {
     background-color: $item-ios-sliding-content-bg;
     padding-right: ($item-ios-padding-right / 2);
@@ -184,6 +184,7 @@ $item-ios-sliding-transition:         transform 250ms ease-in-out !default;
   }
   ion-item-options {
     button, [button] {
+      min-height: calc(100% - 2px);
       height: calc(100% - 2px);
       margin: 1px 0 2px 0;
 
@@ -237,12 +238,25 @@ ion-card {
   }
 }
 
+&.hairlines .list ion-item-options {
+    button, [button] {
+      min-height: calc(100% - 1px);
+      height: calc(100% - 1px);
+      margin-top: 0.55px;
+      margin-bottom: 0.55px;
+    }
+}
+
+&.hairlines .list ion-item-sliding-content {
+  margin-top: 0.55px;
+  margin-bottom: 0.55px;
+}
 
 &.hairlines .list .item {
-  margin-top: -0.5px;
+  margin-top: -0.55px;
 
   &:last-child {
-    margin-bottom: -0.5px;
+    margin-bottom: -0.55px;
   }
 
   &:before,