Merge pull request #10130 from ever-co/fix/polish-jobs-pages

Fix/polish jobs pages

apps/gauzy/src/app/pages/invoices/invoices.component.scss

@@ -70,7 +70,19 @@
   width: 100%;
 }
 
+// This page keeps its own header markup rather than the shared
+// `.gauzy-button-container`, so the mixin goes on both blocks that hold a
+// button: the card header (the table-settings gear) and the action strip below
+// it. Without the first the gear stayed at its full size beside a strip that had
+// shrunk.
+:host nb-card-header {
+  @include ga-hub.page-header-buttons();
+}
+
 :host .actions-container {
+  // Buttons compacted to the table's scale (see the mixin).
+  @include ga-hub.page-header-buttons();
+
   display: flex;
   flex-wrap: nowrap;
   position: absolute;

apps/gauzy/src/app/pages/payments/payments.component.scss

@@ -28,3 +28,9 @@
 :host .pagination-container ::ng-deep ngx-pagination {
   @include ga-hub.pager();
 }
+
+// The page-header action row: "+ Add", the selection strip and the grid-vs-list
+// selector, compacted to the table's scale (see the mixin).
+:host .gauzy-button-container {
+  @include ga-hub.page-header-buttons();
+}

apps/gauzy/src/app/pages/pipelines/pipelines.component.scss

@@ -44,6 +44,9 @@
   }
 }
 :host .gauzy-button-container {
+  // Buttons compacted to the table's scale (see the mixin).
+  @include ga-hub.page-header-buttons();
+
   @include tabset-action-row(18px);
 }
 nb-accordion-item-header ::ng-deep nb-icon {

apps/gauzy/src/app/pages/tasks/components/task/task.component.scss

@@ -196,3 +196,9 @@ nb-card-body {
     }
   }
 }
+
+// The page-header action row: "+ Add", the selection strip and the grid-vs-list
+// selector, compacted to the table's scale (see the mixin).
+:host .gauzy-button-container {
+  @include ga-hub.page-header-buttons();
+}