Dvorak / 2600 Header links focus indicator fixed (#2601)

ita-social-projects · Jul 17, 2024 · da197a8 · da197a8
1 parent 6ac0418
commit da197a8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git 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
@@ -54,6 +54,7 @@
     white-space: nowrap;
     line-height: 24px;
     cursor: pointer;
+    padding: 6px;
 
     .mat-icon {
       margin-right: 5px;