From 7af688358c11b449414c920704cb0c949f53cdcf Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sun, 9 Jan 2022 02:46:40 +0100
Subject: [PATCH] style: imrpove rendering of large channel logos

---
 .../channel-list-container.component.html           | 13 +++++++------
 .../channel-list-container.component.scss           |  5 +++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/app/player/components/channel-list-container/channel-list-container.component.html b/src/app/player/components/channel-list-container/channel-list-container.component.html
index 9e9293793..287cd2b65 100644
--- a/src/app/player/components/channel-list-container/channel-list-container.component.html
+++ b/src/app/player/components/channel-list-container/channel-list-container.component.html
@@ -34,12 +34,13 @@
                     [class.active]="selected?.id === channel.id"
                     (click)="selectChannel(channel)"
                 >
-                    <img
-                        [src]="channel.tvg.logo"
-                        *ngIf="channel.tvg.logo"
-                        width="48"
-                        onerror="this.style.display='none'"
-                    />
+                    <div class="channel-logo" *ngIf="channel.tvg.logo">
+                        <img
+                            [src]="channel.tvg.logo"
+                            width="48"
+                            onerror="this.style.display='none'"
+                        />
+                    </div>
                     <p matLine class="channel-name">
                         {{
                             i + 1 + '. ' + channel?.name ||
diff --git a/src/app/player/components/channel-list-container/channel-list-container.component.scss b/src/app/player/components/channel-list-container/channel-list-container.component.scss
index 2d46d6bb3..b4fcacd72 100644
--- a/src/app/player/components/channel-list-container/channel-list-container.component.scss
+++ b/src/app/player/components/channel-list-container/channel-list-container.component.scss
@@ -21,6 +21,11 @@
     border-radius: 4px;
 }
 
+.channel-logo {
+    height: 48px;
+    overflow: hidden;
+}
+
 ::ng-deep .dark-theme {
     .search-bar {
         background: #666;