From 8d789927839602fefaf875d01a90097f4abba774 Mon Sep 17 00:00:00 2001
From: Daniel Bisgrove <daniel@bizz-websites.com>
Date: Mon, 16 Sep 2024 10:33:03 -0400
Subject: [PATCH] Turning a links to button links as a links are not picked up
 on GA

---
 .../tract-page/tract-page.component.css          |  4 ----
 .../tract-page/tract-page.component.html         | 16 ++++++++--------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/app/page/component/tract-page/tract-page.component.css b/src/app/page/component/tract-page/tract-page.component.css
index c1882d4b..ee64582b 100644
--- a/src/app/page/component/tract-page/tract-page.component.css
+++ b/src/app/page/component/tract-page/tract-page.component.css
@@ -33,10 +33,6 @@ app-tract-new-page {
   margin-top: 48px !important;
 }
 
-#tool-navigation .button .hidden {
-  display: none;
-}
-
 #tool-navigation .button:first-child:not(:last-child) {
   border-right-width: 0;
   border-top-right-radius: 0;
diff --git a/src/app/page/component/tract-page/tract-page.component.html b/src/app/page/component/tract-page/tract-page.component.html
index c1a7f2f7..57027037 100644
--- a/src/app/page/component/tract-page/tract-page.component.html
+++ b/src/app/page/component/tract-page/tract-page.component.html
@@ -43,21 +43,21 @@
       <ng-container *ngIf="(dir$ | async) === 'ltr'">
         <!-- If not first page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <a
+          <button
             (click)="previous()"
             href="javascript:void(0)"
             class="button button-white far hide-text fa-arrow-left"
-            ><span class="hidden">Previous</span></a
+            >Previous</button
           >
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <a
+          <button
             (click)="next()"
             href="javascript:void(0)"
             class="button far fa-arrow-right"
-            ><span class="hidden">Next</span></a
+            >Next</button
           >
         </ng-container>
       </ng-container>
@@ -65,21 +65,21 @@
       <ng-container *ngIf="(dir$ | async) === 'rtl'">
         <!-- If not first page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <a
+          <button
             (click)="next()"
             href="javascript:void(0)"
             class="button far fa-arrow-left"
-            ><span class="hidden">Next</span></a
+            >Next</button
           >
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <a
+          <button
             (click)="previous()"
             href="javascript:void(0)"
             class="button button-white far hide-text fa-arrow-right"
-            ><span class="hidden">Previous</span></a
+            >Previous</button
           >
         </ng-container>
       </ng-container>