2 files changed, 21 insertions, 9 deletions

diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
index 112fda72..65ffc945 100644
--- a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
@@ -41,7 +41,6 @@
         },
 
         "owner": {
-            "module": "youtube-channel.reel",
             "name": "YoutubeChannel",
             "properties": {
                 "element": {"#": "container"},
@@ -97,7 +96,7 @@
         .montage-youtube-channel-close {
             position: absolute;
             top: 5px;
-            left: 5px;
+            right: 5px;
 
             width: 25px;
             height: 25px;
@@ -108,6 +107,14 @@
 
             color: #EEE;
             outline: none;
+            text-align: center;
+            padding: 0;
+        }
+
+        .montage-youtube-channel .montage-youtube-player {
+            border-top: 35px solid #000;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
         }
     </style>
 </head>
diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
index ca08564b..f06216e1 100644
--- a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
@@ -124,6 +124,8 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
 
     draw: {
         value: function() {
+            var self = this;
+
             if (this._script) {
                 if(this.element.childNodes.length < 1) {
                     this._savedReference.appendChild(this._script);
@@ -135,9 +137,9 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
             }
 
             if (this._entries) {
-                this.imageA.src = this._entries[0]["media$group"]["media$thumbnail"][0].url;
-                this.imageB.src = this._entries[1]["media$group"]["media$thumbnail"][0].url;
-                this.imageC.src = this._entries[2]["media$group"]["media$thumbnail"][0].url;
+                this.imageA.src = (this._entries[0]) ? this._entries[0]["media$group"]["media$thumbnail"][0].url : "";
+                this.imageB.src = (this._entries[1]) ? this._entries[1]["media$group"]["media$thumbnail"][0].url : "";
+                this.imageC.src = (this._entries[2]) ? this._entries[2]["media$group"]["media$thumbnail"][0].url : "";
             }
 
             if (this._videoId) {
@@ -145,8 +147,6 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
                 this._videoId = null;
             }
 
-            var self = this;
-
             if (this._shouldShowPopup) {
                 this._positionPopup();
 
@@ -180,8 +180,12 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
 
                 // take the video from the top only once it's stopped animating
                 window.setTimeout(function() {
-                    self.element.style.zIndex = null;
-                }, 500);
+                    self._element.style.zIndex = null;
+                    // HACK: Trigger a redraw so that Flash in Chrome on
+                    // Windows doesn't remain rendered on top of everything,
+                    // despite actually being hidden
+                    self.player.element.getBoundingClientRect();
+                }, 510);
             }
 
         }
@@ -196,6 +200,7 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
         value: function() {
             var doc = this._element.ownerDocument;
 
+            this._popupElement.style.width = doc.width + "px";
             this.player.width = doc.width;
             this.player.height = doc.height;