From 0d54cb9872e4c8de7fce2a665d424a982b862961 Mon Sep 17 00:00:00 2001
From: Isaac Grynsztein <IsaacMGrynsztein@gmail.com>
Date: Wed, 15 Apr 2020 02:02:03 -0400
Subject: [PATCH] Updated player view to prevent video from being too large

---
 src/app/player/player.component.css  | 3 ++-
 src/app/player/player.component.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/player/player.component.css b/src/app/player/player.component.css
index bc27f1f..cb868ef 100644
--- a/src/app/player/player.component.css
+++ b/src/app/player/player.component.css
@@ -14,7 +14,7 @@
 }
 
 .video-styles {
-    width: 80%;
+    width: 100%;
 }
 
 ::ng-deep .mat-button-toggle-label-content {
@@ -64,6 +64,7 @@
 .video-col {
     padding-right: 0px;
     padding-left: 0.01px;
+    height: 100%;
 }
 
 .save-icon {
diff --git a/src/app/player/player.component.html b/src/app/player/player.component.html
index 41ce210..4c9e294 100644
--- a/src/app/player/player.component.html
+++ b/src/app/player/player.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="playlist.length > 0 && show_player">
     <div [ngClass]="(type === 'audio') ? null : 'container-video'" class="container">
-        <div style="max-width: 100%; margin-left: 0px;" class="row">
+        <div style="max-width: 100%; margin-left: 0px; height: 70vh" class="row">
             <div [ngClass]="(type === 'audio') ? 'my-2 px-1' : 'video-col'" class="col">
                 <vg-player (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(type === 'audio') ? 'transparent' : 'black'">
                     <video [ngClass]="(type === 'audio') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls>