From 5cf484f7b2219d83d2c896325c784e820b182881 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Mon, 28 Dec 2020 00:14:06 +0100
Subject: [PATCH] style: search bar improvements

---
 .../channel-list-container.component.html      | 18 +++++++-----------
 .../channel-list-container.component.scss      |  4 ++++
 2 files changed, 11 insertions(+), 11 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 0012bdc1b..b9417375d 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
@@ -2,19 +2,15 @@
     <mat-tab label="All channels">
         <mat-list id="top-panel">
             <mat-list-item>
-                <mat-form-field class="full-width">
-                    <input
-                        #search
-                        matInput
-                        placeholder="Search channel ({{
-                            _channelList?.length
-                        }})"
-                        [(ngModel)]="searchTerm.name"
-                    />
-                </mat-form-field>
+                <input
+                    class="full-width search-bar"
+                    #search
+                    placeholder="Search channel ({{ _channelList?.length }})"
+                    [(ngModel)]="searchTerm.name"
+                />
                 <button
                     mat-icon-button
-                    [routerLink]="'/'"
+                    routerLink="/"
                     matTooltip="Upload or select other playlist"
                 >
                     <mat-icon>create_new_folder</mat-icon>
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 0eaf237d5..2b235d954 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
@@ -18,6 +18,10 @@
     min-height: calc(100vh - 142px);
 }
 
+.search-bar {
+    padding: 8px;
+}
+
 ::ng-deep {
     .mat-tab-label-content {
         text-transform: uppercase;