From b742e1f0da69660f86dbce6e2b3fc93dc0a06339 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Thu, 19 May 2016 19:32:18 -0400
Subject: [PATCH] fix(label): make all ion-labels stacked or floating stretch

closes #6134
---
 src/components/input/test/stacked-labels/main.html |  5 +++++
 src/components/label/label.scss                    | 11 +++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/input/test/stacked-labels/main.html b/src/components/input/test/stacked-labels/main.html
index b0cf266afa9..c960e74cbd0 100644
--- a/src/components/input/test/stacked-labels/main.html
+++ b/src/components/input/test/stacked-labels/main.html
@@ -35,6 +35,11 @@
       <ion-input value="http://url5.com/" type="url"></ion-input>
     </ion-item>
 
+    <ion-item>
+      <ion-label stacked>Stacked Label</ion-label>
+      <ion-label>Double Label</ion-label>
+    </ion-item>
+
     <ion-item>
       <ion-label stacked>Label 6</ion-label>
       <ion-select [(ngModel)]="gender">
diff --git a/src/components/label/label.scss b/src/components/label/label.scss
index aa7b47f88d4..91433c8338d 100644
--- a/src/components/label/label.scss
+++ b/src/components/label/label.scss
@@ -40,16 +40,19 @@ ion-label[fixed] {
   max-width: 200px;
 }
 
-ion-label[stacked],
-ion-label[floating] {
+.item-label-stacked ion-label,
+.item-label-floating ion-label {
   align-self: stretch;
 
-  margin-bottom: 0;
-
   width: auto;
   max-width: 100%;
 }
 
+ion-label[stacked],
+ion-label[floating] {
+  margin-bottom: 0;
+}
+
 .item-label-stacked .input-wrapper,
 .item-label-floating .input-wrapper {
   flex: 1;