From da197a8d02100df1080c918128463c7116274319 Mon Sep 17 00:00:00 2001
From: AkunaPatlata <94176568+AkunaPatlata@users.noreply.github.com>
Date: Wed, 17 Jul 2024 12:25:41 +0300
Subject: [PATCH] Dvorak / 2600 Header links focus indicator fixed (#2601)

---
 src/app/header/header.component.html | 12 ++++++------
 src/app/header/header.component.scss |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index b870e9d15b..2f9dc95b83 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -4,18 +4,18 @@
       <div class="logo-wrapper" *ngIf="isMobileScreen && !!navigationPaths?.length; then mobileNavTmpl; else logoTmpl"></div>
       <div class="link-wrapper">
         <div *ngIf="!isMobileScreen" class="link-wrapper">
-          <a class="info-link" [routerLink]="'./info/about'">
+          <button mat-flat-button class="info-link" [routerLink]="'./info/about'">
             {{ 'ENUM.NAV_BAR_NAME.ABOUT_PORTAL' | translate | uppercase }}
-          </a>
+          </button>
 
-          <a class="info-link" [routerLink]="'./info/rules'">
+          <button mat-flat-button class="info-link" [routerLink]="'./info/rules'">
             {{ 'ENUM.NAV_BAR_NAME.LAWS_AND_REGULATIONS' | translate | uppercase }}
-          </a>
+          </button>
 
-          <a class="info-link" [routerLink]="'./info/support'">
+          <button mat-flat-button class="info-link" [routerLink]="'./info/support'">
             <mat-icon>support</mat-icon>
             {{ 'ENUM.NAV_BAR_NAME.SUPPORT' | translate | uppercase }}
-          </a>
+          </button>
 
           <button mat-flat-button class="lang" (click)="lngSelect.open()">
             <mat-icon>language</mat-icon>
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
index a99fd987a9..dbaffea2c7 100644
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -54,6 +54,7 @@
     white-space: nowrap;
     line-height: 24px;
     cursor: pointer;
+    padding: 6px;
 
     .mat-icon {
       margin-right: 5px;