fix(igx-combo): make add item a flat button #1260

Author: Lipata

projects/igniteui-angular/src/lib/combo/combo.component.html

@@ -8,8 +8,7 @@
     <span>The list is empty</span>
 </ng-template>
 <ng-template #addItemDefault let-control>
-    Add item to collection
-    <igx-icon fontSet="material" name="add_box" (click)="control.addItemToCollection()"></igx-icon>
+    <button igxButton="flat" igxRipple>Add item</button>
 </ng-template>
 <ng-template #headerItemBase let-item let-key="valueKey" let-groupKey="groupKey">
     {{ item[key] }}
@@ -61,7 +60,7 @@
             </ng-container>
         </div>
         <igx-combo-item *ngIf="isAddButtonVisible()" [tabindex]="dropdown.collapsed ? -1 : customValueFlag ? 1 : -1" class="igx-combo__add"
-            igxRipple (keypress)="addItemToCollection()" [isHeader]="false" [disabled]="false" [itemData]="'ADD ITEM'" role="button"
+            igxRipple (click)="addItemToCollection()" (keypress)="addItemToCollection()" [isHeader]="false" [disabled]="false" [itemData]="'ADD ITEM'" role="button"
             aria-label="Add Item">
             <ng-container *ngTemplateOutlet="addItemTemplate ? addItemTemplate : addItemDefault; context: {$impicit: this}">
             </ng-container>