From 77dbfd7eaea386138bda403bd71027fbb60682b2 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sat, 11 Apr 2026 08:13:39 +0200
Subject: [PATCH] style: unify search bar styling across components and improve
 display properties Entire-Checkpoint: dd05e045e1b2

---
 .../global-favorites-list.component.scss         | 14 ++++++--------
 .../unified-grid-tab.component.scss              | 14 ++++++--------
 .../all-channels-view.component.scss             | 16 ++++++----------
 .../src/lib/epg-view/epg-view.component.ts       |  1 +
 .../global-favorites-list.component.scss         | 15 ++++++---------
 5 files changed, 25 insertions(+), 35 deletions(-)

diff --git a/libs/portal/shared/ui/src/lib/components/global-favorites-list/global-favorites-list.component.scss b/libs/portal/shared/ui/src/lib/components/global-favorites-list/global-favorites-list.component.scss
index 00c161f49..3bb74e868 100644
--- a/libs/portal/shared/ui/src/lib/components/global-favorites-list/global-favorites-list.component.scss
+++ b/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 {
diff --git a/libs/portal/shared/ui/src/lib/components/unified-collection/unified-grid-tab.component.scss b/libs/portal/shared/ui/src/lib/components/unified-collection/unified-grid-tab.component.scss
index 612055b3b..7cbd36c2c 100644
--- a/libs/portal/shared/ui/src/lib/components/unified-collection/unified-grid-tab.component.scss
+++ b/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 {
diff --git a/libs/ui/components/src/lib/channel-list-container/all-channels-view/all-channels-view.component.scss b/libs/ui/components/src/lib/channel-list-container/all-channels-view/all-channels-view.component.scss
index cccb46aa2..42081740c 100644
--- a/libs/ui/components/src/lib/channel-list-container/all-channels-view/all-channels-view.component.scss
+++ b/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 {
diff --git a/libs/ui/shared-portals/src/lib/epg-view/epg-view.component.ts b/libs/ui/shared-portals/src/lib/epg-view/epg-view.component.ts
index 645b11aad..c898796b4 100644
--- a/libs/ui/shared-portals/src/lib/epg-view/epg-view.component.ts
+++ b/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',
diff --git a/libs/workspace/shell/feature/src/lib/global-favorites/global-favorites-list.component.scss b/libs/workspace/shell/feature/src/lib/global-favorites/global-favorites-list.component.scss
index 2d73c75a0..6cb095d90 100644
--- a/libs/workspace/shell/feature/src/lib/global-favorites/global-favorites-list.component.scss
+++ b/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;
     }
 }
-