Misc style improvements and code cleanup

src/app/components/recent-videos/recent-videos.component.html

@@ -87,7 +87,7 @@
                     <mat-list-option [selected]="selected_data.includes(file.uid)" *ngFor="let file of paged_data" [value]="file">
                         <div class="container">
                             <div class="row justify-content-center">
-                                <div class="col-10">
+                                <div class="col-10 select-file-title">
                                     <mat-icon class="audio-video-icon">{{(file.type === 'audio' || file.isAudio) ? 'audiotrack' : 'movie'}}</mat-icon>
                                     {{file.title}}
                                 </div>

src/app/components/recent-videos/recent-videos.component.scss

@@ -100,7 +100,7 @@
 .remove-item-button {
     right: 10px;
     position: absolute;
-    top: 4px;
+    top: 0px;
 }
 
 .playlist-item-text {
@@ -126,4 +126,10 @@
 
 .hide {
     display: none !important;
+}
+
+.select-file-title {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
 }

src/app/components/recent-videos/recent-videos.component.ts

@@ -6,8 +6,7 @@ import { MatPaginator } from '@angular/material/paginator';
 import { Subject } from 'rxjs';
 import { distinctUntilChanged } from 'rxjs/operators';
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
-import { MatChipListboxChange, MatChipOption } from '@angular/material/chips';
-import { KeyValue } from '@angular/common';
+import { MatChipListboxChange } from '@angular/material/chips';
 
 @Component({
   selector: 'app-recent-videos',