Changing the a and button elements that run a function to have a href…

… of "javascript:void(0)", so GTM registers them as links and fires a `gtm.click` event when they are clicked.

src/app/page/component/content-button/content-button.component.html

@@ -13,6 +13,7 @@
       class="button"
       [ngStyle]="{ 'background-color': buttonBgColor, color: buttonTextColor }"
       (click)="formAction()"
+      href="javascript:void(0)"
       >{{ buttonText }}</a
     >
   </div>

src/app/page/component/content-link/content-link.component.html

@@ -1,5 +1,5 @@
 <ng-container *ngIf="ready">
   <div class="linkContent indent">
-    <a (click)="formAction(events)">{{ linkText }}</a>
+    <a (click)="formAction(events)" href="javascript:void(0)">{{ linkText }}</a>
   </div>
 </ng-container>

src/app/page/component/tract-page/tract-page.component.html

@@ -43,30 +43,44 @@
       <ng-container *ngIf="(dir$ | async) === 'ltr'">
         <!-- If not first page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <button
+          <a
             (click)="previous()"
+            href="javascript:void(0)"
             class="button button-white far fa-arrow-left"
-          ></button>
+            ><span class="hide"></span
+          ></a>
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <button (click)="next()" class="button far fa-arrow-right"></button>
+          <a
+            (click)="next()"
+            href="javascript:void(0)"
+            class="button far fa-arrow-right"
+            ><span class="hide"></span
+          ></a>
         </ng-container>
       </ng-container>
 
       <ng-container *ngIf="(dir$ | async) === 'rtl'">
         <!-- If not first page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <button (click)="next()" class="button far fa-arrow-left"></button>
+          <a
+            (click)="next()"
+            href="javascript:void(0)"
+            class="button far fa-arrow-left"
+            ><span class="hide"></span
+          ></a>
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <button
+          <a
             (click)="previous()"
+            href="javascript:void(0)"
             class="button button-white far fa-arrow-right"
-          ></button>
+            ><span class="hide"></span
+          ></a>
         </ng-container>
       </ng-container>
     </div>