diff --git a/libs/ui/src/lib/accounts-table/accounts-table.component.scss b/libs/ui/src/lib/accounts-table/accounts-table.component.scss index 990b8b294..3f5a9ec1e 100644 --- a/libs/ui/src/lib/accounts-table/accounts-table.component.scss +++ b/libs/ui/src/lib/accounts-table/accounts-table.component.scss @@ -1,13 +1,7 @@ +@import '../mixins/table-mixins'; + :host { display: block; - .gf-table { - th { - ::ng-deep { - .mat-sort-header-container { - justify-content: inherit; - } - } - } - } + @include gf-table-header-alignment(); } diff --git a/libs/ui/src/lib/activities-table/activities-table.component.scss b/libs/ui/src/lib/activities-table/activities-table.component.scss index 990b8b294..3f5a9ec1e 100644 --- a/libs/ui/src/lib/activities-table/activities-table.component.scss +++ b/libs/ui/src/lib/activities-table/activities-table.component.scss @@ -1,13 +1,7 @@ +@import '../mixins/table-mixins'; + :host { display: block; - .gf-table { - th { - ::ng-deep { - .mat-sort-header-container { - justify-content: inherit; - } - } - } - } + @include gf-table-header-alignment(); } diff --git a/libs/ui/src/lib/benchmark/benchmark.component.scss b/libs/ui/src/lib/benchmark/benchmark.component.scss index 990b8b294..3f5a9ec1e 100644 --- a/libs/ui/src/lib/benchmark/benchmark.component.scss +++ b/libs/ui/src/lib/benchmark/benchmark.component.scss @@ -1,13 +1,7 @@ +@import '../mixins/table-mixins'; + :host { display: block; - .gf-table { - th { - ::ng-deep { - .mat-sort-header-container { - justify-content: inherit; - } - } - } - } + @include gf-table-header-alignment(); } diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.scss b/libs/ui/src/lib/holdings-table/holdings-table.component.scss index 990b8b294..3f5a9ec1e 100644 --- a/libs/ui/src/lib/holdings-table/holdings-table.component.scss +++ b/libs/ui/src/lib/holdings-table/holdings-table.component.scss @@ -1,13 +1,7 @@ +@import '../mixins/table-mixins'; + :host { display: block; - .gf-table { - th { - ::ng-deep { - .mat-sort-header-container { - justify-content: inherit; - } - } - } - } + @include gf-table-header-alignment(); } diff --git a/libs/ui/src/lib/mixins/table-mixins.scss b/libs/ui/src/lib/mixins/table-mixins.scss new file mode 100644 index 000000000..e8ddb0c32 --- /dev/null +++ b/libs/ui/src/lib/mixins/table-mixins.scss @@ -0,0 +1,11 @@ +@mixin gf-table-header-alignment() { + .gf-table { + th { + ::ng-deep { + .mat-sort-header-container { + justify-content: inherit; + } + } + } + } +}