From 1da10c8adfc4380923a5da44fa718de7d263d6e7 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Wed, 25 Dec 2024 21:04:13 +0100
Subject: [PATCH] style(channel-list-item): improve layout and styling for
 channel list item component

---
 .../channel-list-item.component.ts            | 71 +++++++++----------
 1 file changed, 35 insertions(+), 36 deletions(-)

diff --git a/src/app/player/components/channel-list-container/channel-list-item/channel-list-item.component.ts b/src/app/player/components/channel-list-container/channel-list-item/channel-list-item.component.ts
index 7676cec6f..6a4cd2303 100644
--- a/src/app/player/components/channel-list-container/channel-list-item/channel-list-item.component.ts
+++ b/src/app/player/components/channel-list-container/channel-list-item/channel-list-item.component.ts
@@ -13,43 +13,42 @@ import { TranslateModule } from '@ngx-translate/core';
     selector: 'app-channel-list-item',
     styleUrls: ['./channel-list-item.component.scss'],
     template: `<mat-list-item
-            cdkDrag
-            [cdkDragDisabled]="!isDraggable"
-            cdkDragPreviewContainer="parent"
-            [class.active]="selected"
-            (click)="clicked.emit()"
-            data-test-id="channel-item"
+        cdkDrag
+        [cdkDragDisabled]="!isDraggable"
+        cdkDragPreviewContainer="parent"
+        [class.active]="selected"
+        (click)="clicked.emit()"
+        data-test-id="channel-item"
+    >
+        <mat-icon
+            *ngIf="isDraggable"
+            matListItemIcon
+            cdkDragHandle
+            class="drag-icon"
+            >drag_indicator</mat-icon
         >
-            <mat-icon
-                *ngIf="isDraggable"
-                matListItemIcon
-                cdkDragHandle
-                class="drag-icon"
-                >drag_indicator</mat-icon
-            >
-            <img
-                matListItemAvatar
-                class="channel-logo"
-                *ngIf="logo"
-                [src]="logo"
-                width="48"
-                onerror="this.style.display='none'"
-            />
-            <p matListItemTitle class="channel-name">
-                {{ name }}
-            </p>
-            <button
-                *ngIf="showFavoriteButton"
-                mat-icon-button
-                matListItemMeta
-                color="primary"
-                [matTooltip]="'CHANNELS.REMOVE_FAVORITE' | translate"
-                (click)="favoriteToggled.emit($event)"
-            >
-                <mat-icon color="accent">star</mat-icon>
-            </button>
-        </mat-list-item>
-        <!-- <mat-divider /> -->`,
+        <img
+            matListItemMeta
+            class="channel-logo"
+            *ngIf="logo"
+            [src]="logo"
+            width="42"
+            onerror="this.style.display='none'"
+        />
+        <p matListItemTitle class="channel-name">
+            {{ name }}
+        </p>
+        <button
+            *ngIf="showFavoriteButton"
+            mat-icon-button
+            matListItemMeta
+            color="primary"
+            [matTooltip]="'CHANNELS.REMOVE_FAVORITE' | translate"
+            (click)="favoriteToggled.emit($event)"
+        >
+            <mat-icon color="accent">star</mat-icon>
+        </button>
+    </mat-list-item>`,
     imports: [
         CommonModule,
         DragDropModule,