OO-2057 more beautify for binders

src/main/java/org/olat/modules/portfolio/ui/_content/page_row.html

@@ -14,21 +14,21 @@
 	
 			##access
 		</div>
-		<div class="o_section_lead">
+		<div class="o_section_lead o_block_large_bottom">
 			<p>$r.xssScan($row.sectionDescription)</p>
 		</div>
 	</div>
 </div>
 #end
-<div class="o_portfolio_page">
+<div class="o_portfolio_page o_block_large_bottom">
 	<h4>
 		<i class="o_icon o_icon_portfolio_entry_draft o_icon-fw"> </i>
 		$r.escapeHtml($row.title)
 	</h4>
-	<div class="o_portfolio_page_meta">
+	<div class="o_portfolio_page_meta text-muted o_small">
 		 $r.translate("meta.last.modified", $r.formatDateAndTime($row.lastModified))
 	</div>
-	<div class="o_portfolio_page_summary">
+	<div class="o_portfolio_page_summary o_block">
 		$r.xssScan($row.summary)
 	</div>
 	<div class="o_portfolio_page_links">

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

@@ -102,6 +102,10 @@
 }
 
 .panel-imagebg {
+	background-repeat:no-repeat;
+	background-position: center;
+	background-size: cover;
+
 	&.panel-default>.panel-heading {
 		background-color: rgba(255, 255, 255, 0.5);
 		border-bottom: transparent;

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

@@ -6,7 +6,6 @@ div#o_main_toolbar.o_toolbar.o_portfolio {
 
 .o_section_lead {
 	@extend .jumbotron;
-	margin-bottom: 10px;
 }
 
 .o_portfolio_listing {
@@ -27,12 +26,6 @@ div#o_main_toolbar.o_toolbar.o_portfolio {
 		ul {
 			padding-left: 2em;
 		}
-		
-		div.panel.panel-default {
-			background-repeat:no-repeat;
-			background-position:50% 50%;		
-			background-size: contain;
-		}
 	}
 	
 	.panel-imagebg .panel-body ul {
@@ -46,16 +39,6 @@ div#o_main_toolbar.o_toolbar.o_portfolio {
 }
 
 .o_binder_page_listing {
-	.o_portfolio_page {
-		@extend %o_block_large_bottom;
-	}
-	.o_portfolio_page_meta {
-		color: $text-muted;
-		@extend %o_small;
-	}
-	.o_portfolio_page_summary {
-		@extend %o_block;
-	}
 	.o_portfolio_page_links {
 		background-color: #f8f8f8;
 		border-radius: $border-radius-base;