updated 404 page layout (#367)

Author: constantincrismaruvitagroup

src/app/_common-components/not-found/not-found.component.html

@@ -8,7 +8,7 @@
         <div class="message-info message-info-line"> {{ 'NotFound.wentWrong' | translate }}</div>
         <div class="message-details"> {{ 'NotFound.notPandemic' | translate }}</div>
         <div class="message-info message-info-line back-to-button"> {{ 'NotFound.backTo' | translate }}</div>
-        <a mat-flat-button color="primary" [routerLink]="['/']">
+        <a class="go-to-dashoard-button" mat-flat-button color="primary" [routerLink]="['/']">
             {{ 'captions.mainMenuDashboard' | translate }}
         </a>
         <div class="need-help"> {{ 'NotFound.needHelp' | translate }}</div>

src/app/_common-components/not-found/not-found.component.scss

@@ -19,9 +19,9 @@
 
         .not-found-code {
             color: mat.get-color-from-palette($sormas-primary, A700);
-            font-size: 10em;
-            margin-bottom: 130px;
-            font-weight: 500;
+            font-size: 72px;
+            margin-bottom: 70px;
+            font-weight: 700;
         }
         .message-info{
             font-size: 2em;
@@ -46,7 +46,10 @@
             margin-top: 60px;
             margin-bottom: 10px;
             font-weight: 500;
-            color: mat.get-color-from-palette($brand-neutrals, 600);
+            color: mat.get-color-from-palette($brand-neutrals, 500);
+        }
+        .go-to-dashoard-button:hover {
+            text-decoration: none;
         }
     }
 }