Use mat-button in simple snack bar.

Author: josephperrott

src/lib/snack-bar/simple-snack-bar.html

@@ -1,6 +1,6 @@
 {{data.message}}
 
-<button
-  class="mat-simple-snackbar-action"
-  *ngIf="hasAction"
-  (click)="action()">{{data.action}}</button>
+<button mat-button
+        class="mat-simple-snackbar-action"
+        *ngIf="hasAction"
+        (click)="action()">{{data.action}}</button>

src/lib/snack-bar/simple-snack-bar.scss

@@ -16,6 +16,14 @@ $mat-snack-bar-button-margin: 48px !default;
   background: none;
   flex-shrink: 0;
   margin-left: $mat-snack-bar-button-margin;
+  line-height: 20px;
+
+  .mat-button-ripple,
+  .mat-button-focus-overlay {
+    height: 36px;
+    top: -8px;
+  }
+
 
   [dir='rtl'] & {
     margin-right: $mat-snack-bar-button-margin;

src/lib/snack-bar/snack-bar-module.ts

@@ -12,6 +12,7 @@ import {OverlayModule} from '@angular/cdk/overlay';
 import {PortalModule} from '@angular/cdk/portal';
 import {LIVE_ANNOUNCER_PROVIDER} from '@angular/cdk/a11y';
 import {MatCommonModule} from '@angular/material/core';
+import {MatButtonModule} from '@angular/material/button';
 import {MatSnackBar} from './snack-bar';
 import {MatSnackBarContainer} from './snack-bar-container';
 import {SimpleSnackBar} from './simple-snack-bar';
@@ -22,6 +23,7 @@ import {SimpleSnackBar} from './simple-snack-bar';
     OverlayModule,
     PortalModule,
     CommonModule,
+    MatButtonModule,
     MatCommonModule,
   ],
   exports: [MatSnackBarContainer, MatCommonModule],