Updated look of file cards so that the images are of equal size

src/app/file-card/file-card.component.css

@@ -33,9 +33,9 @@
 }
 
 .img-div {
-  max-height: 80px;
+  height: 60px;
   padding: 0px;
-  margin: 0px 0px 0px -5px;
+  margin: 8px 0px 0px -5px;
   width: calc(100% + 5px + 5px);
 }
 

src/app/file-card/file-card.component.html

@@ -1,9 +1,11 @@
 <mat-card class="example-card mat-elevation-z6">
   <div style="padding:5px">
-    <b><a href="javascript:void(0)" (click)="!isPlaylist ? mainComponent.goToFile(name, isAudio) : mainComponent.goToPlaylist(name, type)">{{title}}</a></b>
-    <br/>
-    <span class="max-two-lines">ID: {{name}}</span>
-    <div *ngIf="isPlaylist">Count: {{count}}</div>
+    <div style="height: 52px;">
+      <b><a href="javascript:void(0)" (click)="!isPlaylist ? mainComponent.goToFile(name, isAudio) : mainComponent.goToPlaylist(name, type)">{{title}}</a></b>
+      <br/>
+      <span class="max-two-lines">ID: {{name}}</span>
+      <div *ngIf="isPlaylist">Count: {{count}}</div>
+    </div>
     <div *ngIf="!image_errored && thumbnailURL" class="img-div">
       <img class="image" (error) ="onImgError($event)" [id]="type" [lazyLoad]="thumbnailURL" [customObservable]="scrollAndLoad" (onLoad)="imageLoaded($event)" alt="Thumbnail">
       <span *ngIf="!image_loaded">

src/app/subscriptions/subscriptions.component.ts

@@ -18,7 +18,7 @@ export class SubscriptionsComponent implements OnInit {
 
   subscriptions_loading = false;
 
-  constructor(private dialog: MatDialog, private postsService: PostsService, private router: Router, private snackBar: MatSnackBar) { }
+  constructor(private dialog: MatDialog, public postsService: PostsService, private router: Router, private snackBar: MatSnackBar) { }
 
   ngOnInit() {
     this.getSubscriptions();