Change the cursor to make it clear that the entire filter category is clickable.

Googler · nshahan · commit dbfc1767927f · 2018-03-08T13:34:54.000-08:00
Also add some space between group title and expansion icon.

PiperOrigin-RevId: 188115871
diff --git a/lib/material_menu/menu_item_groups.html b/lib/material_menu/menu_item_groups.html
@@ -14,6 +14,7 @@
     <div *ngIf="group.hasLabel"
          buttonDecorator
          class="group-header"
+         [class.is-collapsible]="group.isCollapsible"
          (trigger)="toggleExpansionIfCollapsible(group)">
       <div class="group-label">
         {{group.uiDisplayName}}
diff --git a/lib/material_menu/menu_item_groups.scss b/lib/material_menu/menu_item_groups.scss
@@ -24,10 +24,15 @@ $menu-item-selector: '.menu-item';
   // To layout label and expansion button.
   display: flex;
   justify-content: space-between;
+
+  &.is-collapsible {
+    cursor: pointer;
+  }
 }
 
 .expansion-icon {
   cursor: pointer;
+  margin-left: $mat-grid;
 }
 
 #{$menu-item-selector} {

Original file line number	Diff line number	Diff line change
`@@ -24,10 +24,15 @@ $menu-item-selector: '.menu-item';`
`24`	`24`	`// To layout label and expansion button.`
`25`	`25`	`display: flex;`
`26`	`26`	`justify-content: space-between;`
	`27`	`+`
	`28`	`+ &.is-collapsible {`
	`29`	`+ cursor: pointer;`
	`30`	`+ }`
`27`	`31`	`}`
`28`	`32`
`29`	`33`	`.expansion-icon {`
`30`	`34`	`cursor: pointer;`
	`35`	`+ margin-left: $mat-grid;`
`31`	`36`	`}`
`32`	`37`
`33`	`38`	`#{$menu-item-selector} {`