From 9278260837d50ff2efdde25e1bc9200bd4f93d21 Mon Sep 17 00:00:00 2001
From: juancarmore <juancar_more2@hotmail.com>
Date: Wed, 18 Feb 2026 16:47:54 +0100
Subject: [PATCH] frontend: improve recording action buttons with consistent
 attributes and structure

---
 .../recording-lists.component.html            | 44 +++++++++++--------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/recordings/components/recording-lists/recording-lists.component.html b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/recordings/components/recording-lists/recording-lists.component.html
index 11f45f5d..59d32ac2 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/recordings/components/recording-lists/recording-lists.component.html
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/recordings/components/recording-lists/recording-lists.component.html
@@ -416,26 +416,34 @@
 										matTooltip="Play Recording"
 										class="action-button play-button"
 										(click)="playRecording(recording)"
-									[disabled]="loading()"
-									id="play-recording-btn-{{ recording.recordingId }}"
-								>
-									<mat-icon>play_arrow</mat-icon>
-								</button>
-							}
+										[disabled]="loading()"
+										id="play-recording-btn-{{ recording.recordingId }}"
+									>
+										<mat-icon>play_arrow</mat-icon>
+									</button>
+								}
 
-							<!-- Download Button -->
-							@if (canDownloadRecording(recording)) {
-								<button
-									mat-icon-button
-									matTooltip="Download Recording"
-									class="action-button download-button"
-									(click)="downloadRecording(recording)"
-									[disabled]="loading()"
+								<!-- Download Button -->
+								@if (canDownloadRecording(recording)) {
+									<button
+										mat-icon-button
+										matTooltip="Download Recording"
+										class="action-button download-button"
+										(click)="downloadRecording(recording)"
+										[disabled]="loading()"
+										id="download-recording-btn-{{ recording.recordingId }}"
+									>
+										<mat-icon>download</mat-icon>
+									</button>
+								}
+
+								@if (isRecordingFailed(recording)) {
+									<button
 										mat-icon-button
-										matTooltip="Delete Recording"
-										class="action-button delete-button"
 										(click)="deleteRecording(recording)"
-								[disabled]="loading()"
+										[disabled]="loading()"
+										class="action-button delete-button"
+										matTooltip="Delete Recording"
 										id="delete-recording-btn-{{ recording.recordingId }}"
 									>
 										<mat-icon>delete</mat-icon>
@@ -447,7 +455,7 @@
 										class="action-button more-button"
 										[matMenuTriggerFor]="actionsMenu"
 										matTooltip="More Actions"
-									[disabled]="loading()"
+										[disabled]="loading()"
 										id="more-actions-btn-{{ recording.recordingId }}"
 									>
 										<mat-icon>more_vert</mat-icon>