fix(label): remove margin from item-right in a stacked or floating label

references #5319
ionic-team · Mar 4, 2016 · 7416827 · 7416827
1 parent 65ee86f
commit 7416827
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/ionic/components/input/test/stacked-labels/main.html b/ionic/components/input/test/stacked-labels/main.html
@@ -16,7 +16,8 @@
     <ion-item>
       <ion-label stacked>Label 2</ion-label>
       <ion-input value="Text 2"></ion-input>
-      <button item-right clear><ion-icon name="heart"></ion-icon></button>
+      <button item-right clear><ion-icon name="heart-outline"></ion-icon></button>
+      <button item-right clear><ion-icon ios="ios-call-outline" md="md-call"></ion-icon></button>
     </ion-item>
 
     <ion-item>

diff --git a/ionic/components/label/label.scss b/ionic/components/label/label.scss
@@ -39,6 +39,12 @@ ion-label[fixed] {
   flex-wrap: wrap;
 }
 
+.item-label-stacked [item-right],
+.item-label-floating [item-right] {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
 ion-label[stacked],
 ion-label[floating] {
   align-self: stretch;