diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss index 3b26fc0234..8184beac68 100644 --- a/ionic/components/button/button.scss +++ b/ionic/components/button/button.scss @@ -29,7 +29,7 @@ $button-round-border-radius: 64px !default; @include appearance(none); } -span.button-inner { +.button-inner { width: 100%; height: 100%; display: flex; diff --git a/ionic/components/item/item-sliding.scss b/ionic/components/item/item-sliding.scss index 11a56bf6a9..db8698663b 100644 --- a/ionic/components/item/item-sliding.scss +++ b/ionic/components/item/item-sliding.scss @@ -32,8 +32,20 @@ ion-item-options .button { height: 100%; } -ion-item-sliding.active-slide { +ion-item-options:not([icon-left]) .button-icon-left { + font-size: 14px; + .button-inner { + flex-direction: column; + } + ion-icon { + padding-left: 0 !important; + padding-right: 0 !important; + padding-bottom: 0.3em; + } +} + +ion-item-sliding.active-slide { .item, .item.activated { diff --git a/ionic/components/item/test/sliding/main.html b/ionic/components/item/test/sliding/main.html index 9240f6b270..d98eb5b2ad 100644 --- a/ionic/components/item/test/sliding/main.html +++ b/ionic/components/item/test/sliding/main.html @@ -31,7 +31,9 @@ - + @@ -53,8 +55,10 @@ One Line w/ Icon, div only text - - + + @@ -66,7 +70,16 @@ One Line w/ Avatar, div only text - + + + + @@ -104,4 +117,4 @@ img { height: 100px; } - + \ No newline at end of file