style: ui improvements (dialogs, responsiveness)

src/app/shared/components/confirm-dialog/confirm-dialog.component.ts

@@ -14,12 +14,12 @@ import { ConfirmDialogData } from './confirm-dialog-data.interface';
             {{ dialogData.message }}
         </mat-dialog-content>
         <mat-dialog-actions align="end">
-            <button mat-flat-button [mat-dialog-close]="true" color="accent">
-                {{ dialogData?.confirmLabel || 'YES' | translate }}
-            </button>
             <button mat-button mat-dialog-close cdkFocusInitial color="accent">
                 {{ dialogData?.cancelLabel || 'NO' | translate }}
             </button>
+            <button mat-flat-button [mat-dialog-close]="true" color="accent">
+                {{ dialogData?.confirmLabel || 'YES' | translate }}
+            </button>
         </mat-dialog-actions>
     `,
 })

src/app/shared/components/header/header.component.scss

@@ -8,6 +8,10 @@
 
 .logo {
     flex: 1 1 100px;
+
+    img {
+        height: 100px;
+    }
 }
 
 .main {
@@ -46,8 +50,12 @@
     color: #fff;
 }
 
-@media (max-width: 500px) {
+@media (max-width: 599px) {
     .subtitle {
         display: none;
     }
+
+    .logo > img {
+        height: 48px;
+    }
 }