fix(button styling): add style properties to toggle button (#12666)

Co-authored-by: Svetloslav Novoselski <[email protected]>

Author: esteecodes

src/app/action-strip/action-strip.sample.html

@@ -78,7 +78,6 @@ <h5>Actions in menu</h5>
             <igx-grid-editing-actions [asMenuItems]='true'></igx-grid-editing-actions>
         </igx-action-strip>
     </igx-grid>
-    <button (click)='customItem = !customItem'>Toggle extra menu item</button>
 </div>
-
+<button igxButton="outlined" (click)='customItem = !customItem'>Toggle extra submenu item</button>
 

src/app/action-strip/action-strip.sample.scss

@@ -1,3 +1,7 @@
+:host {
+    padding-bottom: 4rem;
+}
+
 .display-density-actions {
     max-width: 600px;
     margin: 16px;

src/app/action-strip/action-strip.sample.ts

@@ -49,7 +49,7 @@ class User {
 export class ActionStripSampleComponent implements OnInit {
     public result: string;
     public isVisible = false;
-    public customItem = true;
+    public customItem = false;
     public comfortable: DisplayDensity = DisplayDensity.comfortable;
     public cosy: DisplayDensity = DisplayDensity.cosy;
     public compact: DisplayDensity = DisplayDensity.compact;