chore(select): Update sample #5911

Author: IvayloG

Diff for: src/app/select/select.sample.html

@@ -2,35 +2,12 @@
     Several select components with a variety of setups and API interaction.
 </app-page-header>
 
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-<br/>
-
 <div class="sampleWrapper">
     <h4 class="sample-title">Select with ngModel, set items OnInit</h4>
+    <div class="sample-actions">
+        <button igxButton="raised" (click)="btnAddBr()">+ white space</button>
+        <button igxButton="raised" (click)="btnRemoveBr()">- white space</button>
+    </div>
     <igx-select #displayDensitySelect
     [required]="true"
     [placeholder]="'Pick One'"

Diff for: src/app/select/select.sample.ts

@@ -155,4 +155,18 @@ export class SelectSampleComponent implements OnInit {
     headerFootedClick(event) {
         // console.log('Header/Footer clicked', event);
     }
+
+    btnAddBr() {
+        const brContainer = document.getElementsByClassName('sampleWrapper')[0];
+        const br = document.createElement('br');
+        brContainer.prepend(br);
+    }
+
+    btnRemoveBr() {
+        const brContainer = document.getElementsByClassName('sampleWrapper')[0];
+        const firstEl =  brContainer.firstElementChild;
+        if (firstEl.tagName === 'BR') {
+            brContainer.removeChild(firstEl);
+        }
+    }
 }