OO-1713 fix video display issue on course info page

src/main/java/org/olat/core/gui/components/image/ImageRenderer.java

@@ -92,7 +92,7 @@ public class ImageRenderer extends DefaultComponentRenderer {
 		sb.append("<div id='").append(compId).append("' class='o_video'>"); // START component
 		// The inner component 
 		String imgId = "mov_" + ic.getDispatchID();
-		sb.append("<div id='").append(imgId).append("' name='").append(imgId).append("'></div>")
+		sb.append("<div id='").append(imgId).append("' name='").append(imgId).append("' style='width:").append(width).append("px; height:").append(height).append("px;' class='o_video_wrapper'></div>")
 		  .append("<script type='text/javascript'>")
 		  .append("/* <![CDATA[ */")
 		  .append("BPlayer.insertPlayer('").append(Settings.createServerURI()).append(mapperUrl);

src/main/java/org/olat/repository/ui/list/_content/details.html

@@ -14,7 +14,7 @@
 		</div>
 		#end
 		#if($r.available("thumbnail"))
-		<div class="o_media">
+		<div class="o_media #if(!$description || $description.length() == 0) o_desc_empty"#end ">
 			$r.render("thumbnail")
 		</div>
 		#end

src/main/webapp/static/themes/light/modules/_helpers.scss

@@ -182,11 +182,13 @@
 }
 
 /* media classes for video and image component */
-.o_video, %o_video {
+.o_video, .o_video video, %o_video, .o_video_wrapper {
 	@include img-responsive(inline-block);
+	max-width: 100%;
 }
-.o_image, %o_image {
+.o_image, .o_image img, %o_image {
 	@include img-responsive(inline-block);
+	max-width: 100%;
 }
 
 /* Hyphenated text */

src/main/webapp/static/themes/light/modules/_repository.scss

@@ -15,7 +15,14 @@
 			float: right;
 			margin-left: 2em;
 			margin-bottom: 2em;			
-		}
+			/* reset when no description is there to render left aligned */
+			&.o_desc_empty {
+				float: none;
+				margin-left: 0;
+				margin-bottom: 0;						
+			}
+		}		
+		
 		h1 i {
 			display: none;
 		}