fix nested flexbox items chrome bug

Author: OpenHypervideo

player/modules/ViewVideo/module.js

@@ -658,7 +658,7 @@ FrameTrail.defineModule('ViewVideo', function(){
                                     - $('#Titlebar').height()
                                     - editBorder,
             _video              = $(Video);
-
+            
         if (animate) {
             VideoContainer.css({
                 'transition-duration': '',

player/modules/ViewVideo/style.css

@@ -10,7 +10,7 @@ path {
     justify-content: flex-start;
     align-content: stretch;
     align-items: flex-start;
-    position: relative;
+    position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden;
@@ -648,7 +648,7 @@ path {
     order: 0;
     flex: 0 0 400px;
     min-width: 400px;
-    height: 100%;
+    align-self: stretch;
 }
 
 .editActive[data-edit-mode="links"] #HypervideoContainer #InfoAreaRight, .editActive[data-edit-mode="overlays"] #HypervideoContainer #InfoAreaRight, .editActive[data-edit-mode="codesnippets"] #HypervideoContainer #InfoAreaRight, .editActive[data-edit-mode="annotations"] #HypervideoContainer #InfoAreaRight {
@@ -729,8 +729,7 @@ path {
     position: relative;
     order: 0;
     flex: 1 1 auto;
-    height: 100%;
-    align-self: auto;
+    align-self: stretch;
     background: transparent;
     overflow: hidden;
     -moz-transition-property: width;