style: imrpove rendering of large channel logos

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 ||

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;