minor changes to dialog implementation to test behavior on firefox

Author: janniclas

client/src/app/dashboard/add-dialog/add-dialog.component.html

@@ -1,17 +1,16 @@
-<div>
-	<h2 mat-dialog-title>Add Instance</h2>
-	<mat-dialog-content>
-		<form class="mat-dialog-content" #formControl="ngForm">
-			<div class="form">
-				<mat-form-field color="primary">
-					<input matInput #input class="form-control" placeholder="Name" [(ngModel)]="name" name="name" required>
-					<mat-error *ngIf="formControl.invalid">{{getErrorMessage()}}</mat-error>
-				</mat-form-field>
-			</div>
-		</form>
-	</mat-dialog-content>
-	<mat-dialog-actions>
-		<button mat-raised-button color="primary" [disabled]="!formControl.valid" [mat-dialog-close]="1" id="confirmButton" (click)="onConfirmAddInstance()">Add</button>
-		<button mat-raised-button (click)="onCloseCancle()">Cancle</button>
-	</mat-dialog-actions>
-</div>
+
+<h2 mat-dialog-title>Add Instance</h2>
+<div mat-dialog-content>
+	<form class="mat-dialog-content" #formControl="ngForm">
+		<div class="form">
+			<mat-form-field color="primary">
+				<input matInput #input class="form-control" placeholder="Name" [(ngModel)]="name" name="name" required>
+				<mat-error *ngIf="formControl.invalid">{{getErrorMessage()}}</mat-error>
+			</mat-form-field>
+		</div>
+	</form>
+</div>
+<mat-dialog-actions>
+	<button mat-raised-button color="primary" [disabled]="!formControl.valid" [mat-dialog-close]="1" id="confirmButton" (click)="onConfirmAddInstance()">Add</button>
+	<button mat-raised-button (click)="onCloseCancle()">Cancle</button>
+</mat-dialog-actions>

client/src/app/dashboard/delete-dialog/delete-dialog.component.html

@@ -16,11 +16,10 @@
   ~ limitations under the License.
   -->
 
-<div>
-    <h2 mat-dialog-title>Delete Instance</h2>
-    <mat-dialog-content>Are you sure you want to delete "{{data.name}}" instance?</mat-dialog-content>
-    <mat-dialog-actions>
-        <button mat-raised-button color="primary" [mat-dialog-close]="1" (click)="onCloseConfirm()">Confirm</button>
-        <button mat-raised-button color="primary" (click)="onCloseCancle()">Cancle</button>
-    </mat-dialog-actions>
-</div>
+
+<h2 mat-dialog-title>Delete Instance</h2>
+<mat-dialog-content>Are you sure you want to delete "{{data.name}}" instance?</mat-dialog-content>
+<mat-dialog-actions>
+    <button mat-raised-button color="primary" [mat-dialog-close]="1" (click)="onCloseConfirm()">Confirm</button>
+    <button mat-raised-button color="primary" (click)="onCloseCancle()">Cancle</button>
+</mat-dialog-actions>

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

@@ -64,8 +64,8 @@
                  <button mat-icon-button (click)= resumeInstance(element.id) matTooltip="Resume">
                    <mat-icon aria-label="play_circle_outline">play_circle_outline</mat-icon>
                  </button>
-                  <button id="deleteButton" mat-icon-button matTooltip="Delete">
-                      <mat-icon aria-label="delete" id="deleteButton" (click)="openDeleteDialog(i,row, element.id)">delete</mat-icon>
+                  <button id="deleteButton" (click)="openDeleteDialog(i,row, element.id)" mat-icon-button matTooltip="Delete">
+                      <mat-icon aria-label="delete" id="deleteButton" >delete</mat-icon>
                   </button>
                 </mat-cell>
             </ng-container>