From 6547ca60cbf445cb225f74154d4fa1563388229c Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Fri, 14 Mar 2014 21:57:35 -0500 Subject: [PATCH] fix(input): Correct vertical alignment of inputs and their labels, closes #799 --- scss/_form.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/scss/_form.scss b/scss/_form.scss index 416e3f3c767..2b982cfb5cd 100644 --- a/scss/_form.scss +++ b/scss/_form.scss @@ -68,7 +68,7 @@ textarea { font-size: 16px; } - &.item.active, + &.item.active, .ionic-pseudo &.item:active { border-color: $item-default-border; background-color: transparent; @@ -79,6 +79,10 @@ textarea { @include flex(1, 0, 220px); @include appearance(none); } + + .icon { + min-width: 14px; + } } .item-input-inset { @@ -116,6 +120,7 @@ textarea { max-width: 200px; color: $input-label-color; font-weight: bold; + font-size: $font-size-base; } .placeholder-icon { @@ -175,11 +180,12 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; + padding-top: 2px; height: $line-height-computed + $font-size-base; color: $input-color; vertical-align: middle; font-size: $font-size-base; - line-height: $line-height-computed; + line-height: $font-size-base + 2; } input,