Bugfix/fix accounts table footer on mobile (#475)

* Fix footer on mobile

* Update changelog

CHANGELOG.md

@@ -13,7 +13,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
-- Fixed the transactions count in the accounts table (exclude drafts)
+- Fixed the footer row of the accounts table on mobile
+- Fixed the transactions count calculation in the accounts table (exclude drafts)
 
 ## 1.76.0 - 14.11.2021
 

apps/client/src/app/components/accounts-table/accounts-table.component.html

@@ -30,7 +30,9 @@
     <td *matCellDef="let element" class="d-none d-lg-table-cell px-1" mat-cell>
       {{ element.currency }}
     </td>
-    <td *matFooterCellDef class="px-1" mat-footer-cell>{{ baseCurrency }}</td>
+    <td *matFooterCellDef class="d-none d-lg-table-cell px-1" mat-footer-cell>
+      {{ baseCurrency }}
+    </td>
   </ng-container>
 
   <ng-container matColumnDef="platform">
@@ -53,7 +55,11 @@
         <span>{{ element.Platform?.name }}</span>
       </div>
     </td>
-    <td *matFooterCellDef class="px-1" mat-footer-cell></td>
+    <td
+      *matFooterCellDef
+      class="d-none d-lg-table-cell px-1"
+      mat-footer-cell
+    ></td>
   </ng-container>
 
   <ng-container matColumnDef="transactions">