fix: Account transactions table row mouse pointer

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">

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;
 }

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">

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;
+}