saved

frontend/src/app/filter-dialog/filter-dialog.component.css

@@ -1,7 +1,7 @@
 .container {
-  display: flex;
+  /* display: flex;
   flex-direction: row;
-  justify-content: center;
+  justify-content: center; */
 }
 
 .filterHeading {

frontend/src/app/filter-dialog/filter-dialog.component.html

@@ -173,10 +173,13 @@
     <br><br> -->
     <br>
     <mat-dialog-actions align="end">
-      <button mat-raised-button style="margin-right: 3px;"
-        matDialogClose>{{this.languageService.lMap.get('filterDialogCancel')}}</button>
-      <button mat-raised-button color="primary" style="margin-left: 3px;"
-        (click)="mapFilter()">{{this.languageService.lMap.get('filterDilogButton')}}</button>
+      <button mat-raised-button matDialogClose>
+        <mat-icon>close</mat-icon> {{this.languageService.lMap.get('filterDialogCancel')}}
+      </button>
+      <button mat-raised-button color="primary" style="color: white;" (click)="mapFilter()">
+        <mat-icon>filter_list</mat-icon> {{this.languageService.lMap.get('filterDilogButton')}}
+      </button>
     </mat-dialog-actions>
+    
   </div>
 </div>

frontend/src/theme.scss

@@ -13,4 +13,8 @@ $my-theme: mat-light-theme($my-primary, $my-accent, $my-warn);
     background-color: blue !important; /* Use !important as a last resort */
     color: white;
   }
-  
+
+
+* {
+  font-family: 'Helvetica';
+}