From ce3d17388d0721bf06da64696345ec7e26a1f859 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Thu, 12 Oct 2023 14:24:38 +0200
Subject: [PATCH] Fix remove file buttons accessibility

---
 .../overview/videos/video-list.component.html | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/client/src/app/+admin/overview/videos/video-list.component.html b/client/src/app/+admin/overview/videos/video-list.component.html
index a5ec7da62..06da2f96f 100644
--- a/client/src/app/+admin/overview/videos/video-list.component.html
+++ b/client/src/app/+admin/overview/videos/video-list.component.html
@@ -112,11 +112,13 @@
               <li *ngFor="let file of video.files">
                 <a target="_blank" rel="noopener noreferrer" [href]="file.fileUrl">{{ file.resolution.label }}</a>: {{ file.size | bytes: 1 }}
 
-                <my-global-icon
-                  *ngIf="canRemoveOneFile(video)"
-                  i18n-ngbTooltip ngbTooltip="Delete this file" iconName="delete" role="button"
+                <button
+                  *ngIf="canRemoveOneFile(video)" class="border-0 p-0"
+                  i18n-title title="Delete this file"
                   (click)="removeVideoFile(video, file, 'web-videos')"
-                ></my-global-icon>
+                >
+                  <my-global-icon iconName="delete"></my-global-icon>
+                </button>
               </li>
             </ul>
           </div>
@@ -128,11 +130,13 @@
               <li *ngFor="let file of video.streamingPlaylists[0].files">
                 <a target="_blank" rel="noopener noreferrer" [href]="file.fileUrl">{{ file.resolution.label }}</a>: {{ file.size | bytes: 1 }}
 
-                <my-global-icon
-                  *ngIf="canRemoveOneFile(video)"
-                  i18n-ngbTooltip ngbTooltip="Delete this file" iconName="delete" role="button"
+                <button
+                  *ngIf="canRemoveOneFile(video)" class="border-0 p-0"
+                  i18n-title title="Delete this file"
                   (click)="removeVideoFile(video, file, 'hls')"
-                ></my-global-icon>
+                >
+                  <my-global-icon iconName="delete"></my-global-icon>
+                </button>
               </li>
             </ul>
           </div>