Index: lams_tool_scratchie/web/pages/learning/scratchies.jsp
===================================================================
diff -u -r588920f0bcb20d715a58bb2bbde3da5520b7e9b0 -r18ffef3eac77674c112b895ca5bb1963a399c340
--- lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision 588920f0bcb20d715a58bb2bbde3da5520b7e9b0)
+++ lams_tool_scratchie/web/pages/learning/scratchies.jsp	(.../scratchies.jsp)	(revision 18ffef3eac77674c112b895ca5bb1963a399c340)
@@ -52,21 +52,27 @@
 						<div>
 							<c:forEach var="confidenceLevelDto" items="${answer.confidenceLevelDtos}" varStatus="status">
 							
-								<div class="c100 p${confidenceLevelDto.level}0 small">
+								<div class="c100 p${confidenceLevelDto.level}0 small" style="">
+									<div class="confidence-level-username" style="">
+										${confidenceLevelDto.userName}
+									</div>
+								
 									<span>
 										<c:choose>
-										<c:when test="${confidenceLevelDto.portraitUuid == null}">
-											<div class="portrait-generic-sm portrait-color-${confidenceLevelDto.userId % 7}"></div>
-										</c:when>
-										<c:otherwise>
+											<c:when test="${confidenceLevelDto.portraitUuid == null}">
+												<div class="portrait-generic-sm portrait-color-${confidenceLevelDto.userId % 7}"></div>
+											</c:when>
+											<c:otherwise>
 			    								<img class="portrait-sm portrait-round" src="${lams}download/?uuid=${confidenceLevelDto.portraitUuid}&preferDownload=false&version=4" alt="">
-										</c:otherwise>
+											</c:otherwise>
 										</c:choose>
 									</span>
+									
 									<div class="slice">
 										<div class="bar"></div>
 										<div class="fill"></div>
 									</div>
+									
 									<div class="confidence-level-percentage">
 										${confidenceLevelDto.level}0%
 									</div>