demo change, revert me

Author: mmalerba

src/dev-app/select/select-demo.html

@@ -1,3 +1,60 @@
+<div style="display:flex">
+  <mat-form-field>
+    <mat-label>Label</mat-label>
+    <mat-select value="1">
+      <mat-option value="1">Option 1</mat-option>
+      <mat-option value="2">Option 1</mat-option>
+    </mat-select>
+  </mat-form-field>
+  <mat-form-field>
+    <mat-select value="1">
+      <mat-option value="1">Option 1</mat-option>
+      <mat-option value="2">Option 1</mat-option>
+    </mat-select>
+  </mat-form-field>
+  <mat-form-field>
+    <mat-label>Label</mat-label>
+    <select matNativeControl>
+      <option value="1">Option 1</option>
+      <option value="2">Option 1</option>
+    </select>
+  </mat-form-field>
+  <mat-form-field>
+    <select matNativeControl>
+      <option value="1">Option 1</option>
+      <option value="2">Option 1</option>
+    </select>
+  </mat-form-field>
+</div>
+<div style="display:flex">
+  <mat-form-field appearance="outline">
+    <mat-label>Label</mat-label>
+    <mat-select value="1">
+      <mat-option value="1">Option 1</mat-option>
+      <mat-option value="2">Option 1</mat-option>
+    </mat-select>
+  </mat-form-field>
+  <mat-form-field appearance="outline">
+    <mat-select value="1">
+      <mat-option value="1">Option 1</mat-option>
+      <mat-option value="2">Option 1</mat-option>
+    </mat-select>
+  </mat-form-field>
+  <mat-form-field appearance="outline">
+    <mat-label>Label</mat-label>
+    <select matNativeControl>
+      <option value="1">Option 1</option>
+      <option value="2">Option 1</option>
+    </select>
+  </mat-form-field>
+  <mat-form-field appearance="outline">
+    <select matNativeControl>
+      <option value="1">Option 1</option>
+      <option value="2">Option 1</option>
+    </select>
+  </mat-form-field>
+</div>
+
 Space above cards: <input type="number" [formControl]="topHeightCtrl">
 <button mat-button (click)="showSelect=!showSelect">SHOW SELECT</button>
 <div [style.height.px]="topHeightCtrl.value"></div>