From b52ca52e1d9d56a716c3b3d9113be8cf025f82a6 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Thu, 24 Feb 2022 10:21:58 +0100
Subject: [PATCH] openvidu-components: Minor styles changes

---
 .../src/lib/components/layout/layout.component.css    |  7 +++++--
 .../src/lib/components/layout/layout.component.html   |  2 +-
 .../src/lib/components/session/session.component.css  | 11 ++++++++---
 .../user-settings/user-settings.component.html        |  2 +-
 .../user-settings/user-settings.component.ts          |  1 -
 .../src/lib/components/video/video.component.ts       |  1 +
 6 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
index 66f36eae..73b24935 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
@@ -3,14 +3,17 @@
 }
 
 
-.bounds {
-	position: absolute;
+.layout {
+	position: relative;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	min-width: 350px !important;
+	min-height: 100%;
 	width: inherit;
+	height: -webkit-fill-available;
+	height: -moz-available;
 }
 
   /*!
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
index 2dac32be..cdf2de43 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html
@@ -1,4 +1,4 @@
-<div id="layout" class="bounds">
+<div id="layout" class="layout">
 	<div
 		class="OT_root OT_publisher"
 		id="localUser"
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
index b7eff885..e23a7c18 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
@@ -6,8 +6,8 @@
 
 .sidenav-container {
 	position: relative;
-	height: calc(100% - 80px);
-	min-height: calc(100% - 80px);
+	height: calc(100% - 70px);
+	min-height: calc(100% - 70px);
 	padding-top: 10px;
 	width: 100%;
 	overflow: hidden;
@@ -30,6 +30,11 @@
 	min-height: -moz-available;
 }
 
+#layout-container {
+	height: inherit;
+	width: inherit;
+}
+
 .mat-drawer-container {
 	background-color: var(--ov-primary-color);
 }
@@ -38,7 +43,7 @@
 	background-color: var(--ov-primary-color);
 	min-width: 400px !important;
 	width: 100%;
-	height: 60px;
+	height: 70px;
 }
 
 #footer {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
index ce4c4918..a1c122b0 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
@@ -19,7 +19,7 @@
 				<div class="row align-items-center">
 					<div class="col-sm-6 col-md-6 col-lg-6 leftSection">
 						<div class="spinner-container" *ngIf="isLoading">
-							<mat-spinner></mat-spinner>
+							<mat-spinner [diameter]="50"></mat-spinner>
 						</div>
 						<div class="videoContainer" *ngIf="!isLoading">
 							<div *ngFor="let stream of localParticipant | streams">
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
index fa79141c..94d43450 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
@@ -214,7 +214,6 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
 			const nickname = this.nicknameFormControl.value;
 			this.participantService.setNickname(this.participantService.getMyCameraConnectionId(), nickname);
 			this.storageSrv.setNickname(nickname);
-			this.participantService.updateParticipantMediaStatus();
 			return this.onJoinClicked.emit();
 		}
 		this.scrollToBottom();
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
index 36594476..60e38e4d 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
@@ -12,6 +12,7 @@ import { VideoType } from '../../models/video-type.model';
 			src="assets/images/poster.png"
 		/>
 		<video
+			class="OT_video-element"
 			#videoElement
 			[attr.id]="streamManager && _streamManager.stream ? 'video-' + _streamManager.stream.streamId : 'video-undefined'"
 			[muted]="mutedSound"