fix(input): Correct vertical alignment of inputs and their labels, cl…

…oses #799
ionic-team · Mar 15, 2014 · 6547ca6 · 6547ca6
1 parent bf75187
commit 6547ca6
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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,