diff --git a/src/lib/input/input.scss b/src/lib/input/input.scss index 6f2a15c25f57..724235fde7bd 100644 --- a/src/lib/input/input.scss +++ b/src/lib/input/input.scss @@ -55,6 +55,8 @@ md-input, md-textarea { .md-input-infix { position: relative; + line-height: 22px; + top: 4px; } // The Input element proper. diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss index 574833a0a37b..4b460aa38462 100644 --- a/src/lib/radio/radio.scss +++ b/src/lib/radio/radio.scss @@ -16,6 +16,7 @@ md-radio-button { cursor: pointer; display: inline-flex; align-items: baseline; + vertical-align: middle; white-space: nowrap; } @@ -26,7 +27,7 @@ md-radio-button { height: $md-radio-size; position: relative; width: $md-radio-size; - top: 2px; + top: 4px; } // The outer circle for the radio, always present. @@ -63,7 +64,7 @@ md-radio-button { .md-radio-label-content { display: inline-block; order: 0; - line-height: inherit; + line-height: 24px; padding-left: $md-toggle-padding; padding-right: 0; diff --git a/src/lib/select/select.scss b/src/lib/select/select.scss index 25e23fb8c147..832229615cf9 100644 --- a/src/lib/select/select.scss +++ b/src/lib/select/select.scss @@ -3,7 +3,7 @@ @import '../core/style/form-common'; @import '../core/a11y/a11y'; -$md-select-trigger-height: 30px !default; +$md-select-trigger-height: 27px !default; $md-select-trigger-min-width: 112px !default; $md-select-arrow-size: 5px !default; $md-select-arrow-margin: 4px !default; @@ -18,11 +18,11 @@ md-select { display: flex; justify-content: space-between; align-items: center; - height: $md-select-trigger-height; min-width: $md-select-trigger-min-width; cursor: pointer; position: relative; box-sizing: border-box; + height: $md-select-trigger-height; [aria-disabled='true'] & { @include md-control-disabled-underline();