Fix Holding table footer for smaller devices

4 months ago · cb6c31cfd1
1 changed files with 6 additions and 2 deletions
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.html
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.html
@ -68,7 +68,11 @@
          />
        </div>
      </td>
-      <td *matFooterCellDef class="px-1" mat-footer-cell></td>
+      <td
+        *matFooterCellDef
+        class="d-none d-lg-table-cell justify-content-end px-1"
+        mat-footer-cell
+      ></td>
    </ng-container>
    <ng-container
      matColumnDef="marketPrice"
@ -121,7 +125,7 @@
        </div>
      </td>

-      <td *matFooterCellDef class="px-1" mat-footer-cell>
+      <td *matFooterCellDef class="d-none d-lg-table-cell px-1" mat-footer-cell>
        <gf-value
          [isCurrency]="true"
          [locale]="locale"