fix(mdChips): Autocomplete styling is incorrect.

The chips autocomplete had unnecessary styling and the default
autocomplete directive does not add the `md-input` class to it's
input, so it did not look correct.

Fixes #4600.

src/components/autocomplete/js/autocompleteDirective.js

@@ -222,7 +222,8 @@ function MdAutocomplete () {
  aria-autocomplete="list"\
  aria-haspopup="true"\
  aria-activedescendant=""\
- aria-expanded="{{!$mdAutocompleteCtrl.hidden}}"/>\
+ aria-expanded="{{!$mdAutocompleteCtrl.hidden}}"\
+ class="md-input"/>\
  <div md-autocomplete-parent-scope md-autocomplete-replace>' + leftover + '</div>\
  </md-input-container>';
  } else {
@@ -244,7 +245,8 @@ function MdAutocomplete () {
  aria-autocomplete="list"\
  aria-haspopup="true"\
  aria-activedescendant=""\
- aria-expanded="{{!$mdAutocompleteCtrl.hidden}}"/>\
+ aria-expanded="{{!$mdAutocompleteCtrl.hidden}}"\
+ class="md-input"/>\
  <button\
  type="button"\
  tabindex="-1"\

src/components/chips/chips.scss

@@ -1,6 +1,7 @@
 $chip-font-size: rem(1.6) !default;
 $chip-height: rem(3.2) !default;
 $chip-padding: 0 rem(1.2) 0 rem(1.2) !default;
+$chip-input-padding: 0 !default;
 $chip-remove-padding-right: rem(2.2) !default;
 $chip-remove-line-height: rem(2.2) !default;
 $chip-margin: rem(0.8) rem(0.8) 0 0 !default;
@@ -122,7 +123,7 @@ $contact-chip-name-width: rem(12) !default;
  display: block;
  line-height: $chip-height;
  margin: $chip-margin;
- padding: $chip-padding;
+ padding: $chip-input-padding;
  float: left;
  input {
  &:not([type]),&[type="email"],&[type="number"],&[type="tel"],&[type="url"],&[type="text"] {