style: search bar improvements

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>

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;