diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.css
index 25ae5e17..b7048a65 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.css
@@ -28,13 +28,13 @@
height: 18px;
}
-
.started {
background-color: #3b7430 !important;
color: var(--ov-text-color);
}
-.activity-icon.started, .failed {
+.activity-icon.started,
+.failed {
background-color: var(--ov-warn-color) !important;
color: var(--ov-text-color);
}
@@ -54,12 +54,12 @@
.panel-body-container > .content {
align-items: stretch;
- justify-content: center;
- display: flex;
- flex-direction: column;
- box-flex: 1;
- flex-grow: 1;
- text-align: center;
+ justify-content: center;
+ display: flex;
+ flex-direction: column;
+ box-flex: 1;
+ flex-grow: 1;
+ text-align: center;
}
.recording-error {
@@ -87,11 +87,13 @@
}
#start-recording-btn {
+ width: 100%;
background-color: var(--ov-tertiary-color);
color: var(--ov-text-color);
}
#stop-recording-btn {
+ width: 100%;
background-color: var(--ov-warn-color);
color: var(--ov-text-color);
}
@@ -100,6 +102,11 @@
color: var(--ov-warn-color);
}
+#reset-recording-status-btn {
+ width: 100%;
+ background-color: var(--ov-light-color);
+}
+
mat-expansion-panel {
margin: 0px 0px 15px 0px;
}
@@ -108,5 +115,7 @@ mat-expansion-panel {
animation: blinker 1.5s linear infinite !important;
}
@keyframes blinker {
- 50% { opacity: 0.4; }
-}
\ No newline at end of file
+ 50% {
+ opacity: 0.4;
+ }
+}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.html
index d3cb66c3..1b5f71c4 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/activities-panel/recording-activity-panel/recording-activity.component.html
@@ -50,13 +50,13 @@
@@ -89,10 +99,20 @@
{{ recording.createdAt | date: 'HH:mm - dd/MM/yyyy' }}
-