Fix Holding table footer for smaller devices

2 months ago · 18b2b3518b
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
@ -64,7 +64,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="valueInBaseCurrency">
@ -90,7 +94,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"