Fixed the button outline and overflowing of table.

Author: Naveenkumar27

client/src/app/dashboard/table-all/table-all.component.css

@@ -35,7 +35,7 @@ table {
 }
 
 .customWidthClass{
-   width: 320px;
+   width: 300px;
 }
 
 .mat-elevation-z8 {
@@ -78,3 +78,6 @@ tr.example-element-row:not(.example-expanded-row):active {
   border-bottom-width: 0;
 }
 
+.customOutline {
+  outline: none;
+}

client/src/app/dashboard/table-all/table-all.component.html

@@ -53,7 +53,7 @@
                 <mat-header-cell *matHeaderCellDef> </mat-header-cell>
                 <mat-cell *matCellDef="let element; let row" class="example-element-row" [class.example-expanded-row]="expandedElement === element"
                     (click)="expandedElement = expandedElement === element ? null : element; data = onRowClicked(row)">
-                     <button mat-button>
+                     <button mat-button [ngClass] = "'customOutline'">
                         View Details
                     </button>
                 </mat-cell>