From 47ccaf58c7a80fdad23f3d6b787f82c32f415166 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Wed, 6 Nov 2024 11:43:34 +0100
Subject: [PATCH] ov-components: Fixed recording activity panel styles

---
 .../recording-activity/recording-activity.component.html    | 6 +++---
 .../recording-activity/recording-activity.component.scss    | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
index 9017fa1457..59e2b9134b 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
@@ -67,9 +67,9 @@ <h2 *ngIf="recordingList.length === 0" class="recording-title">{{ 'PANEL.RECORDI
 					<span *ngIf="recordingStatus === recStatusEnum.STOPPED">{{ 'TOOLBAR.START_RECORDING' | translate }}</span>
 				</button>
 
-				<span *ngIf="recordingStatus === recStatusEnum.STARTING">{{ 'PANEL.RECORDING.STARTING' | translate }} </span>
-				<span *ngIf="recordingStatus === recStatusEnum.STOPPING">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span>
-				<span *ngIf="recordingStatus === recStatusEnum.FAILED">Message: </span>
+				<span *ngIf="recordingStatus === recStatusEnum.STARTING" class="recording-message">{{ 'PANEL.RECORDING.STARTING' | translate }} </span>
+				<span *ngIf="recordingStatus === recStatusEnum.STOPPING" class="recording-message">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span>
+				<span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">Message: </span>
 				<span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">{{ recordingError }} </span>
 				<div>
 					<button
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
index b6f0d64dcb..c023830622 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
@@ -72,6 +72,10 @@
 		text-align: center;
 	}
 
+	.recording-message {
+		color: var(--ov-text-surface-color);
+	}
+
 	.recording-error {
 		color: var(--ov-error-color);
 		font-weight: 600;