From 5e2d89a87a5528bdeabb61010e29f2cc4ae6d707 Mon Sep 17 00:00:00 2001
From: pabloFuente <pablofuenteperez@gmail.com>
Date: Tue, 9 Oct 2018 18:55:31 +0200
Subject: [PATCH] openvidu-testapp: Publish and Subscribe buttons centered

---
 .../openvidu-instance/openvidu-instance.component.css | 11 ++++++++++-
 .../openvidu-instance.component.html                  |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.css b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.css
index b1eb4062..f924ce62 100644
--- a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.css
+++ b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.css
@@ -32,6 +32,16 @@ mat-card.session-card {
   margin-bottom: 0;
 }
 
+.join-publish-div {
+  justify-content: space-around;
+  width: 100%;
+  display: inline-flex;
+}
+
+.join-publish-div > * {
+  align-self: center;
+}
+
 .inner-card {
   border: 1px solid #e1e1e1;
   padding: 10px 3px 10px 10px;
@@ -95,7 +105,6 @@ mat-radio-button {
   margin-right: 0;
 }
 
-
 .session-actions button:hover {
   color: #4d4d4d;
 }
diff --git a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.html b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.html
index dc36cf19..e4584233 100644
--- a/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.html
+++ b/openvidu-testapp/src/app/components/openvidu-instance/openvidu-instance.component.html
@@ -31,7 +31,7 @@
 
           </div>
 
-          <div>
+          <div class="join-publish-div">
             <button class="join-btn" mat-button (click)="joinSession()" [disabled]="session">JOIN</button>
             <mat-checkbox class="subscribe-checkbox" name="subscribeTo" (click)="toggleSubscribeTo()" [checked]="subscribeTo" [disabled]="session">Subscribe</mat-checkbox>
             <mat-checkbox class="publish-checkbox" name="publishTo" (click)="togglePublishTo()" [checked]="publishTo" [disabled]="session">Publish</mat-checkbox>