fix(input): fixes alignment between datepicker and other input elements

closes #5936
angular · Dec 2, 2015 · 08b5af5 · 08b5af5
1 parent 67e50f6
commit 08b5af5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/datepicker/datePicker.scss b/src/components/datepicker/datePicker.scss
@@ -12,11 +12,13 @@ md-datepicker {
   // Leave room for the down-triangle button to "overflow" it's parent without modifying scrollLeft
   padding-right: $md-datepicker-triangle-button-width / 2;
   margin-right: -$md-datepicker-triangle-button-width / 2;
+
+  vertical-align: middle;
 }
 
 .md-inline-form {
   md-datepicker {
-    margin-top: 8px;
+    margin-top: 12px;
   }
 }
 

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -25,6 +25,7 @@ md-input-container {
   position: relative;
   padding: $input-container-padding;
   margin: 18px 0;
+  vertical-align: middle;
 
   &.md-block {
     display: block;