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;