YoutubeDL-Material/src/app/subscription/subscription-file-card/subscription-file-card.component.html

<div style="position: relative; width: fit-content;">
    <div class="duration-time">
        Length: {{formattedDuration}}
    </div>
    <button [matMenuTriggerFor]="action_menu" class="menuButton" mat-icon-button><mat-icon>more_vert</mat-icon></button>
        <mat-menu #action_menu="matMenu">
        <button (click)="deleteAndRedownload()" mat-menu-item><mat-icon>restore</mat-icon>Delete and redownload</button>
        <button (click)="deleteForever()" mat-menu-item *ngIf="sub.archive && use_youtubedl_archive"><mat-icon>delete_forever</mat-icon>Delete forever</button>
    </mat-menu>
    <mat-card (click)="goToFile()" matRipple class="example-card mat-elevation-z6">
        <div style="padding:5px">
            <div *ngIf="!image_errored && file.thumbnailURL" class="img-div">
                <img class="image" (error)="onImgError($event)" [src]="file.thumbnailURL" alt="Thumbnail">
            </div>

            <span class="max-two-lines"><strong>{{file.title}}</strong></span>      
        </div>
    </mat-card>
</div>