fix slight error in multi-select dropdown placement

Author: mmalerba

src/lib/core/option/_option.scss

@@ -28,6 +28,14 @@
     }
   }
 
+  // Collapses unwanted whitespace created by newlines in code like the following:
+  // <md-option>
+  //   {{value}}
+  // </md-option>
+  .mat-option-text {
+    display: inline-block;
+  }
+
   .mat-option-ripple {
     position: absolute;
     top: 0;

src/lib/core/option/option.html

@@ -5,7 +5,8 @@
       [state]="selected ? 'checked' : ''"></md-pseudo-checkbox>
 </span>
 
-<ng-content></ng-content>
+<span class="mat-option-text"><ng-content></ng-content></span>
+
 <div class="mat-option-ripple" md-ripple
      [mdRippleTrigger]="_getHostElement()"
      [mdRippleDisabled]="disabled || disableRipple">

src/lib/select/select.ts

@@ -80,12 +80,11 @@ export const SELECT_ITEM_HEIGHT_EM = 3;
  * Distance between the panel edge and the option text in
  * multi-selection mode.
  *
- * (SELECT_PADDING * 1.75) + 20 = 48
- * The padding is multiplied by 1.75 because the checkbox's margin is half the padding, and
- * the browser adds ~4px, because we're using inline elements.
+ * (SELECT_PANEL_PADDING_X * 1.5) + 20 = 44
+ * The padding is multiplied by 1.5 because the checkbox's margin is half the padding.
  * The checkbox width is 20px.
  */
-export const SELECT_MULTIPLE_PANEL_PADDING_X = SELECT_PANEL_PADDING_X * 1.75 + 20;
+export const SELECT_MULTIPLE_PANEL_PADDING_X = SELECT_PANEL_PADDING_X * 1.5 + 20;
 
 /**
  * The panel's padding on the y-axis. This padding indicates there are more