chore(*): address the changes in spec

Author: ddincheva

projects/igniteui-angular/src/lib/grids/headers/grid-header-group.component.html

@@ -26,7 +26,7 @@
 
 <ng-template #defaultCollapseIndicator>
     <igx-icon [attr.draggable]="false" >
-            {{column.expand ? 'expand_less' : 'chevron_right'}} </igx-icon>
+            {{column.expand ? 'expand_more' : 'chevron_right'}} </igx-icon>
 </ng-template>
 
 <ng-container *ngIf="!grid.hasColumnLayouts && column.columnGroup">

src/app/grid-column-groups/grid-column-groups.sample.html

@@ -57,7 +57,8 @@
             </igx-column-group>
         </igx-grid>
         <span igxButton (click)="log()">Pin first group</span>
-        <span igxButton (click)="pinGroup()">Toggle expand - Address Information</span>
+        <span igxButton (click)="pinGroup()">Toggle visibleOnCollapse - Person Details</span>
+        <span igxButton (click)="hideGroup()">Toggle expand - Address Information</span>
         <span igxButton (click)="toggleCollapsible()">Toggle collapsible - General Information</span>
     </section>
 </div>

src/app/grid-column-groups/grid-column-groups.sample.ts

@@ -75,8 +75,8 @@ export class GridColumnGroupsSampleComponent implements AfterViewInit {
 
     toggleCollapsible() {
        // this.collapse = !this.collapse;
-        (this.grid.columnList.filter(c => c.header === 'Address Information')[0] as any).collapsible =
-        !(this.grid.columnList.filter(c => c.header === 'Address Information')[0] as any).collapsible;
+        (this.grid.columnList.filter(c => c.header === 'General Information')[0] as any).collapsible =
+        !(this.grid.columnList.filter(c => c.header === 'General Information')[0] as any).collapsible;
     }
 
     ngAfterViewInit() {