style: unify search bar styling across components and improve display properties

Entire-Checkpoint: dd05e045e1b2

libs/portal/shared/ui/src/lib/components/global-favorites-list/global-favorites-list.component.scss

@@ -21,15 +21,13 @@
     @include mat.form-field-density(-5);
 }
 
-::ng-deep {
-    .search-bar div {
-        border-radius: 20px;
-    }
+:host ::ng-deep .search-bar div {
+    border-radius: 20px;
+}
 
-    div[matformfieldlineripple],
-    .mat-mdc-form-field-subscript-wrapper {
-        display: none;
-    }
+:host ::ng-deep .search-bar div[matformfieldlineripple],
+:host ::ng-deep .search-bar .mat-mdc-form-field-subscript-wrapper {
+    display: none;
 }
 
 .nav-list {

libs/portal/shared/ui/src/lib/components/unified-collection/unified-grid-tab.component.scss

@@ -23,15 +23,13 @@
     @include mat.form-field-density(-5);
 }
 
-::ng-deep {
-    .search-bar div {
-        border-radius: 20px;
-    }
+:host ::ng-deep .search-bar div {
+    border-radius: 20px;
+}
 
-    div[matformfieldlineripple],
-    .mat-mdc-form-field-subscript-wrapper {
-        display: none;
-    }
+:host ::ng-deep .search-bar div[matformfieldlineripple],
+:host ::ng-deep .search-bar .mat-mdc-form-field-subscript-wrapper {
+    display: none;
 }
 
 .grid-container {

libs/ui/components/src/lib/channel-list-container/all-channels-view/all-channels-view.component.scss

@@ -50,17 +50,13 @@
     pointer-events: none;
 }
 
-::ng-deep {
-    .search-bar {
-        div {
-            border-radius: 20px;
-        }
-    }
+:host ::ng-deep .search-bar div {
+    border-radius: 20px;
+}
 
-    div[matformfieldlineripple],
-    .mat-mdc-form-field-subscript-wrapper {
-        display: none;
-    }
+:host ::ng-deep .search-bar div[matformfieldlineripple],
+:host ::ng-deep .search-bar .mat-mdc-form-field-subscript-wrapper {
+    display: none;
 }
 
 [type='search']::-webkit-search-cancel-button {

libs/ui/shared-portals/src/lib/epg-view/epg-view.component.ts

@@ -40,6 +40,7 @@ export class EpgViewComponent {
 
     showDetails(item: EpgItem) {
         this.dialog.open(EpgItemDescriptionComponent, {
+            width: '600px',
             data: {
                 title: item.title ?? 'No title',
                 desc: item.description ?? 'No description',

libs/workspace/shell/feature/src/lib/global-favorites/global-favorites-list.component.scss

@@ -23,15 +23,13 @@
     @include mat.form-field-density(-5);
 }
 
-::ng-deep {
-    .search-bar div {
-        border-radius: 20px;
-    }
+:host ::ng-deep .search-bar div {
+    border-radius: 20px;
+}
 
-    div[matformfieldlineripple],
-    .mat-mdc-form-field-subscript-wrapper {
-        display: none;
-    }
+:host ::ng-deep .search-bar div[matformfieldlineripple],
+:host ::ng-deep .search-bar .mat-mdc-form-field-subscript-wrapper {
+    display: none;
 }
 
 // ─── List ──────────────────────────────────────────────────────────────────────
@@ -79,4 +77,3 @@
         max-width: 260px;
     }
 }
-