js & css: more width for video-resources when playing

content/static/script/play-resources.js

@@ -55,6 +55,13 @@ function addButton(container, res) {
 	button.remove();
 
 	addPlayer(container, res);
+
+	var section = container.parents().
+	    filter(function() {
+		return $(this).hasClass('video-resource');
+	    })[0];
+	if (section)
+	    $(section).addClass("playing");
     });
     container.append(button);
 }

content/static/style/default.css

@@ -688,6 +688,9 @@ li audio, li video, li .poster {
     display: inline-block;
     text-align: center;
 }
+.video-resource.playing {
+    width: auto;
+}
 .video-resource h4 {
     line-height: 1em;
     height: 2em;