diff --git a/app.js b/app.js index 5e2ca3c60..f2495af17 100644 --- a/app.js +++ b/app.js @@ -423,7 +423,7 @@ function resizeThumbnails() { var availableHeight = window.innerHeight - $('#largeVideo').height() - 79; var numvids = $('#remoteVideos>span:visible').length; // Remove the 1px borders arround videos. - var availableWinWidth = $('#remoteVideos').width() - 2 * numvids; + var availableWinWidth = $('#remoteVideos').width() - 2 * numvids - 50; var availableWidth = availableWinWidth / numvids; var aspectRatio = 16.0 / 9.0; var maxHeight = Math.min(160, availableHeight); diff --git a/css/main.css b/css/main.css index c4c0cb2b0..4dcdd02d4 100644 --- a/css/main.css +++ b/css/main.css @@ -65,6 +65,8 @@ html, body{ display: inline-block; z-index:0; border:1px solid #FFFFFF; + background-image:url(../images/avatar1.png); + background-size: contain; } #remoteVideos>span:hover {