From 9318cdc65c043484d0bd02e68167010c3978e030 Mon Sep 17 00:00:00 2001
From: Jose Alberto Hernandez <alberto@black-box.local>
Date: Wed, 29 May 2024 00:20:15 -0600
Subject: [PATCH] fix: Account transactions table row mouse pointer

---
 .../transactions-tab/transactions-tab.component.html     | 2 +-
 .../transactions-tab/transactions-tab.component.scss     | 9 ++++++---
 .../transactions-tab/transactions-tab.component.html     | 2 +-
 .../transactions-tab/transactions-tab.component.scss     | 8 +++++---
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/app/loans/loans-view/transactions-tab/transactions-tab.component.html b/src/app/loans/loans-view/transactions-tab/transactions-tab.component.html
index e36101a37..f547780ac 100644
--- a/src/app/loans/loans-view/transactions-tab/transactions-tab.component.html
+++ b/src/app/loans/loans-view/transactions-tab/transactions-tab.component.html
@@ -22,7 +22,7 @@
     </ng-container>
 
     <ng-container matColumnDef="id">
-      <td mat-cell *matCellDef="let transaction" [ngClass]="loanTransactionColor(transaction)" (click)="showTransactions(transaction)">{{ transaction.id }}</td>
+      <td mat-cell *matCellDef="let transaction" class="td-select" [ngClass]="loanTransactionColor(transaction)" (click)="showTransactions(transaction)">{{ transaction.id }}</td>
     </ng-container>
 
     <ng-container matColumnDef="office">
diff --git a/src/app/loans/loans-view/transactions-tab/transactions-tab.component.scss b/src/app/loans/loans-view/transactions-tab/transactions-tab.component.scss
index c2121d35a..a008fbaa9 100644
--- a/src/app/loans/loans-view/transactions-tab/transactions-tab.component.scss
+++ b/src/app/loans/loans-view/transactions-tab/transactions-tab.component.scss
@@ -19,9 +19,7 @@
       margin: 0 2%;
       line-height: 25px;
     }
-    .select-row:hover {
-      cursor: pointer;
-    }
+
     .strike {
       text-decoration: line-through;
       color: $status-active-overdue;
@@ -47,6 +45,11 @@
   }
 }
 
+.td-select:hover {
+  cursor: pointer;
+  font-weight: 800;
+}
+
 .td-min-space {
   min-width: 60px;
 }
diff --git a/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.html b/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.html
index 872f41c92..693b8e53c 100644
--- a/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.html
+++ b/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.html
@@ -26,7 +26,7 @@
 
       <ng-container matColumnDef="id">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Id" | translate}} </th>
-        <td mat-cell *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)"> {{ transaction.id }} </td>
+        <td mat-cell *matCellDef="let transaction" class="td-select" [ngClass]="savingsTransactionColor(transaction)" (click)="showTransactions(transaction)"> {{ transaction.id }} </td>
       </ng-container>
 
       <ng-container matColumnDef="date">
diff --git a/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.scss b/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.scss
index ec28085b6..f2424a2e7 100644
--- a/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.scss
+++ b/src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.scss
@@ -20,8 +20,10 @@
         padding-top: 1%;
       }
     }
-    .select-row:hover {
-      cursor: pointer;
-    }
   }
 }
+
+.td-select:hover {
+  cursor: pointer;
+  font-weight: 800;
+}