From 33c9452452bfac498b67da2550f010ea0da49d42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Mart=C3=ADn?= <github@gmartin.net>
Date: Mon, 29 Sep 2025 09:30:13 +0200
Subject: [PATCH] Feature: refactor table header alignment styles and create
 mixin for reuse

---
 .../lib/accounts-table/accounts-table.component.scss | 12 +++---------
 .../activities-table/activities-table.component.scss | 12 +++---------
 libs/ui/src/lib/benchmark/benchmark.component.scss   | 12 +++---------
 .../lib/holdings-table/holdings-table.component.scss | 12 +++---------
 libs/ui/src/lib/mixins/table-mixins.scss             | 11 +++++++++++
 5 files changed, 23 insertions(+), 36 deletions(-)
 create mode 100644 libs/ui/src/lib/mixins/table-mixins.scss

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;
+        }
+      }
+    }
+  }
+}