From c13ea9d58760b94184b51489474ebb855676bd7a Mon Sep 17 00:00:00 2001
From: CSantos <4a.santos@gmail.com>
Date: Thu, 21 Feb 2019 14:52:03 +0100
Subject: [PATCH] openvidu-ionic: Fixed breaking changes by upgrading to Ionic4

---
 openvidu-ionic/src/app/app.component.css     | 2 +-
 openvidu-ionic/src/app/app.component.html    | 4 ++--
 openvidu-ionic/src/app/ov-video.component.ts | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/openvidu-ionic/src/app/app.component.css b/openvidu-ionic/src/app/app.component.css
index b2b55812..f9ffd4f6 100644
--- a/openvidu-ionic/src/app/app.component.css
+++ b/openvidu-ionic/src/app/app.component.css
@@ -14,7 +14,7 @@
 }
 
 #join-button {
-    padding-top: 20px;
+    margin-top: 20px;
 }
 
 #session-header {
diff --git a/openvidu-ionic/src/app/app.component.html b/openvidu-ionic/src/app/app.component.html
index da418d36..aebc2da4 100644
--- a/openvidu-ionic/src/app/app.component.html
+++ b/openvidu-ionic/src/app/app.component.html
@@ -32,7 +32,7 @@
 
     <ion-fab vertical="bottom" horizontal="end" slot="fixed">
       <ion-fab-button id="settings-button" [disabled]="!mySessionId && !myUserName" (click)="presentSettingsAlert()"
-        mini color="dark">
+        size="small" color="dark">
         <ion-icon name="settings"></ion-icon>
       </ion-fab-button>
     </ion-fab>
@@ -63,7 +63,7 @@
     </ion-grid>
 
     <ion-fab vertical="bottom" horizontal="center" slot="fixed">
-      <ion-fab-button mini color="danger" (click)="leaveSession()">
+      <ion-fab-button size="small" color="danger" (click)="leaveSession()">
         <ion-icon name="power"></ion-icon>
       </ion-fab-button>
     </ion-fab>
diff --git a/openvidu-ionic/src/app/ov-video.component.ts b/openvidu-ionic/src/app/ov-video.component.ts
index a734bd01..e2f865a0 100644
--- a/openvidu-ionic/src/app/ov-video.component.ts
+++ b/openvidu-ionic/src/app/ov-video.component.ts
@@ -5,7 +5,7 @@ declare var cordova;
 
 @Component({
     selector: 'ov-video',
-    template: '<video #videoElement></video>'
+    template: '<video #videoElement style="width: 100%"></video>'
 })
 export class OpenViduVideoComponent implements AfterViewInit, OnDestroy {