CSS & page header ng content

src/assets/styles/_common-mixins.scss

@@ -56,3 +56,12 @@
     cursor: pointer;
     outline: inherit;
 }
+
+@mixin clear-a {
+    text-decoration: none;
+    color: initial;
+
+    &:hover {
+        color: initial;
+    }
+}

src/assets/styles/common-base-screen.scss

@@ -1,3 +1,5 @@
+@use 'common-mixins';
+
 .top-bar {
     height: 61px;
     width: 100vw;
@@ -12,6 +14,7 @@
     }
 
     .logo {
+        @include common-mixins.clear-a;
         display: flex;
         align-items: center;
     }

src/assets/styles/common-tabs.scss

@@ -2,6 +2,7 @@
 
 .red-tab {
     @include mixins.clear-btn;
+    @include mixins.clear-a;
 
     &:not(:last-child) {
         margin-right: 2px;

src/lib/listing/page-header/page-header.component.html

@@ -2,7 +2,13 @@
     <div *ngIf="pageLabel" class="breadcrumb">{{ pageLabel }}</div>
 
     <div *ngIf="filters$ | async as filters" class="filters">
-        <div *ngIf="filters.length && searchPosition !== searchPositions.beforeFilters" translate="filters.filter-by"></div>
+        <ng-content select="[slot=beforeFilters]"></ng-content>
+
+        <div
+            *ngIf="filters.length && searchPosition !== searchPositions.beforeFilters"
+            class="text-muted"
+            translate="filters.filter-by"
+        ></div>
 
         <ng-container *ngIf="searchPosition === searchPositions.beforeFilters" [ngTemplateOutlet]="searchBar"></ng-container>
 
@@ -51,15 +57,15 @@
                     *ngIf="!config.hide"
                     [disabled]="config.disabled$ && (config.disabled$ | async)"
                     [icon]="config.icon"
+                    [id]="config.id"
                     [iqserHelpMode]="config.helpModeKey"
                     [tooltip]="config.label"
-                    [id]="config.id"
                     tooltipPosition="below"
                 ></iqser-circle-button>
             </ng-container>
 
             <!-- Extra custom actions here -->
-            <ng-content></ng-content>
+            <ng-content select="[slot=right]"></ng-content>
 
             <iqser-circle-button
                 (action)="closeAction.emit()"