Bugfix/improve table headers’ alignment of activities table (#5580)

* Improve table headers’ alignment of activities table

* Update changelog

CHANGELOG.md

@@ -19,6 +19,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improved the usability of the create asset profile dialog in the market data section of the admin control panel
 - Improved the language localization for German (`de`)
 
+### Fixed
+
+- Improved the table headers’ alignment of the activities table
+
 ## 2.203.0 - 2025-09-27
 
 ### Added

apps/client/src/styles/table.scss

@@ -1,6 +1,12 @@
 @mixin gf-table($darkTheme: false) {
   --mat-table-background-color: var(--light-background);
 
+  th {
+    .mat-sort-header-container {
+      justify-content: inherit;
+    }
+  }
+
   .mat-footer-row,
   .mat-row {
     .mat-cell,

libs/ui/src/lib/accounts-table/accounts-table.component.scss

@@ -1,13 +1,3 @@
 :host {
   display: block;
-
-  .gf-table {
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }

libs/ui/src/lib/activities-table/activities-table.component.html

@@ -255,7 +255,7 @@
     <ng-container matColumnDef="value">
       <th
         *matHeaderCellDef
-        class="d-none d-lg-table-cell justify-content-end px-1"
+        class="d-none d-lg-table-cell px-1 text-right"
         mat-header-cell
       >
         <ng-container i18n>Value</ng-container>
@@ -291,7 +291,7 @@
     <ng-container matColumnDef="valueInBaseCurrency">
       <th
         *matHeaderCellDef
-        class="d-lg-none d-xl-none justify-content-end px-1"
+        class="d-lg-none d-xl-none px-1 text-right"
         mat-header-cell
       >
         <ng-container i18n>Value</ng-container>

libs/ui/src/lib/benchmark/benchmark.component.scss

@@ -1,13 +1,3 @@
 :host {
   display: block;
-
-  .gf-table {
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }

libs/ui/src/lib/holdings-table/holdings-table.component.scss

@@ -1,13 +1,3 @@
 :host {
   display: block;
-
-  .gf-table {
-    th {
-      ::ng-deep {
-        .mat-sort-header-container {
-          justify-content: inherit;
-        }
-      }
-    }
-  }
 }