diff --git a/ionic/components/form/label.scss b/ionic/components/form/label.scss
index 2fb4b44b74..6f951f44da 100644
--- a/ionic/components/form/label.scss
+++ b/ionic/components/form/label.scss
@@ -6,6 +6,16 @@ $input-label-color: #444 !default;
.input-label {
+ display: block;
+ max-width: 200px;
+ //width: 30%;
+ //min-width: 100px;
+ color: $input-label-color;
+ font-size: inherit;
+ white-space: nowrap;
+}
+
+.fixed-inline-label {
display: block;
max-width: 200px;
width: 30%;
diff --git a/ionic/components/form/test/labelled-text-input/e2e.ts b/ionic/components/form/test/fixed-inline-labels/e2e.ts
similarity index 100%
rename from ionic/components/form/test/labelled-text-input/e2e.ts
rename to ionic/components/form/test/fixed-inline-labels/e2e.ts
diff --git a/ionic/components/form/test/labelled-text-input/index.ts b/ionic/components/form/test/fixed-inline-labels/index.ts
similarity index 100%
rename from ionic/components/form/test/labelled-text-input/index.ts
rename to ionic/components/form/test/fixed-inline-labels/index.ts
diff --git a/ionic/components/form/test/fixed-inline-labels/main.html b/ionic/components/form/test/fixed-inline-labels/main.html
new file mode 100644
index 0000000000..311bf20166
--- /dev/null
+++ b/ionic/components/form/test/fixed-inline-labels/main.html
@@ -0,0 +1,71 @@
+
+Fixed Inline Label Text Input
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ionic/components/form/test/placeholder-text-input/e2e.ts b/ionic/components/form/test/inline-labels/e2e.ts
similarity index 100%
rename from ionic/components/form/test/placeholder-text-input/e2e.ts
rename to ionic/components/form/test/inline-labels/e2e.ts
diff --git a/ionic/components/form/test/placeholder-text-input/index.ts b/ionic/components/form/test/inline-labels/index.ts
similarity index 100%
rename from ionic/components/form/test/placeholder-text-input/index.ts
rename to ionic/components/form/test/inline-labels/index.ts
diff --git a/ionic/components/form/test/labelled-text-input/main.html b/ionic/components/form/test/inline-labels/main.html
similarity index 57%
rename from ionic/components/form/test/labelled-text-input/main.html
rename to ionic/components/form/test/inline-labels/main.html
index ea34b30982..e23820259d 100644
--- a/ionic/components/form/test/labelled-text-input/main.html
+++ b/ionic/components/form/test/inline-labels/main.html
@@ -1,5 +1,5 @@
-Labelled Text Input
+Inline Label Text Input
@@ -7,78 +7,65 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-Footer
diff --git a/ionic/components/form/test/stacked-labelled-text-input/e2e.ts b/ionic/components/form/test/placeholder-labels/e2e.ts
similarity index 100%
rename from ionic/components/form/test/stacked-labelled-text-input/e2e.ts
rename to ionic/components/form/test/placeholder-labels/e2e.ts
diff --git a/ionic/components/form/test/stacked-labelled-text-input/index.ts b/ionic/components/form/test/placeholder-labels/index.ts
similarity index 100%
rename from ionic/components/form/test/stacked-labelled-text-input/index.ts
rename to ionic/components/form/test/placeholder-labels/index.ts
diff --git a/ionic/components/form/test/placeholder-text-input/main.html b/ionic/components/form/test/placeholder-labels/main.html
similarity index 90%
rename from ionic/components/form/test/placeholder-text-input/main.html
rename to ionic/components/form/test/placeholder-labels/main.html
index ec99eab2b9..b748ea7ad4 100644
--- a/ionic/components/form/test/placeholder-text-input/main.html
+++ b/ionic/components/form/test/placeholder-labels/main.html
@@ -1,5 +1,5 @@
-Placeholder Text Input
+Placeholder Label Text Input
diff --git a/ionic/components/form/test/stacked-labels/e2e.ts b/ionic/components/form/test/stacked-labels/e2e.ts
new file mode 100644
index 0000000000..8b13789179
--- /dev/null
+++ b/ionic/components/form/test/stacked-labels/e2e.ts
@@ -0,0 +1 @@
+
diff --git a/ionic/components/form/test/stacked-labels/index.ts b/ionic/components/form/test/stacked-labels/index.ts
new file mode 100644
index 0000000000..2dac2b7a35
--- /dev/null
+++ b/ionic/components/form/test/stacked-labels/index.ts
@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+ templateUrl: 'main.html'
+})
+class IonicApp {}
diff --git a/ionic/components/form/test/stacked-labelled-text-input/main.html b/ionic/components/form/test/stacked-labels/main.html
similarity index 95%
rename from ionic/components/form/test/stacked-labelled-text-input/main.html
rename to ionic/components/form/test/stacked-labels/main.html
index 9ad38957a8..d9a2a3adff 100644
--- a/ionic/components/form/test/stacked-labelled-text-input/main.html
+++ b/ionic/components/form/test/stacked-labels/main.html
@@ -1,5 +1,5 @@
-Stack Labelled Text Input
+Stacked Label Text Input
diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss
index a95e5cb77b..3683f65d9b 100644
--- a/ionic/components/item/item.scss
+++ b/ionic/components/item/item.scss
@@ -72,7 +72,8 @@ button.item.item {
.item-media + .item-content,
.item-content + .item-media,
.item-content + .item-content,
- icon + .input {
+ icon + .input,
+ .input-label + .input {
margin-left: 0;
}
@@ -145,7 +146,8 @@ button.item.item {
}
-.vertical-align-top {
+.vertical-align-top,
+.item.item-input {
align-items: flex-start;
}