OO-2042 beautify members list print view

src/main/java/org/olat/course/nodes/members/_content/printList.html

 <div class="clearfix">
 <h4>$label</h4>
 #foreach($member in $members)
-	<div class="o_cmember col-xs-3 col-sm-3 col-md-3">
+	<div class="o_cmember o_print_break_avoid col-xs-3 col-sm-3 col-md-3">
 		<div class="clearfix">
 			<div class="o_portrait">
 				#if(${member.isPortraitAvailable()})
@@ -18,8 +18,12 @@
 				<strong>$member.fullName</strong>
 				#foreach($userPropertyHandler in $userPropertyHandlers)
 					#if($userPropertyHandler.name != "firstName" && $userPropertyHandler.name != "lastName")
-						<br>${member.getIdentityProp($foreach.index)}
+						#set ($prop=${member.getIdentityProp($foreach.index)})
+						#if($prop != "")
+						<br />$prop
+						#end
 					#end
+					
 				#end
 			</div>
 		</div>

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

@@ -179,8 +179,15 @@
 }
 
 .o_cmembers_print {
-	#o_print_brand img {
-		float: right;
+	#o_print_brand {
+		position: absolute;
+		top: 1cm;	
+		right: 1cm;
+		width: 5cm;
+		height: 4cm;
+		img {
+			width: 100%;
+		}
 	}
 	
 	.o_portrait {
@@ -198,12 +205,40 @@
 	.o_cmember {
 		padding-left: 0px;
 		padding-right: 15px;
-		margin-bottom: 25px;
+		margin-bottom: 20px;
 		
 		.o_cmember_info_wrapper {
 			word-wrap:break-word;
 		}
 	}
+	
+	/* print font styles */
+	color: #000;
+	h1 {
+		font-size: 18pt;	
+		color: #000;
+	}
+	h3 {
+		font-size: 14pt;
+		margin-top: 5px;
+		font-weight: normal;
+		color: #000;
+	}
+	h4 {
+		font-size: 11pt;
+		font-weight: strong;		
+		color: #000;
+		padding-bottom: 10px;
+		border-bottom: 1px solid #eee;
+	}
+	
+	.o_cmember_info_wrapper {
+		font-size: 7pt;
+		color: #000;
+		strong {
+			font-size: 8pt;
+		}
+	}
 }
 
 .tag.label.label-info {

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

@@ -60,6 +60,10 @@
 		/* fallback for non-webkit browsers */
 		border: 10px solid #000;
 	}
+	
+	body {
+		margin: 0; 
+	}
 
 }