.

Author: tinayuangao

src/demo-app/checkbox/checkbox-demo.html

@@ -45,3 +45,14 @@ <h1>md-checkbox: Basic Example</h1>
 
 <h1>Nested Checklist</h1>
 <md-checkbox-demo-nested-checklist></md-checkbox-demo-nested-checklist>
+
+<div [style.display]="flex ? 'flex' : 'block'" [style.align-items]="center ? 'center' : ''">
+  <md-checkbox (change)="flex = $event.checked">Toggle Flex</md-checkbox>
+  <md-input placeholder="An Input"></md-input>
+  <md-select placeholder="A Select">
+    <md-option *ngFor="let option of ['One', 'Two', 'Three']" [value]="option">{{ option }}</md-option>
+  </md-select>
+  <md-checkbox (change)="center = $event.checked">Toggle Align</md-checkbox>
+  <md-radio-button>Radio button</md-radio-button>
+  <button md-raised-button>Button</button>
+</div>

src/lib/checkbox/checkbox.scss

@@ -192,7 +192,6 @@ $md-checkbox-ripple-size: 15px;
 }
 
 md-checkbox {
-  margin: 16px 0;
   cursor: pointer;
 
   // Animation

src/lib/radio/radio.scss

@@ -8,7 +8,6 @@ $md-radio-ripple-size: $md-radio-size * 0.75;
 // Top-level host container.
 md-radio-button {
   display: inline-block;
-  margin: 16px 0;
 }
 
 // Inner label container, wrapping entire element.

src/lib/select/select.scss

@@ -11,7 +11,6 @@ $md-select-panel-max-height: 256px !default;
 
 md-select {
   display: inline-block;
-  margin: 16px 0;
   outline: none;
 }