Index: lams_central/web/css/_jquery.jRating_base.scss
===================================================================
diff -u -r8e742e0e9689c2f26674a1b43c225694b1a41280 -reda89b58885d3360b28c25096188f47952aff317
--- lams_central/web/css/_jquery.jRating_base.scss	(.../_jquery.jRating_base.scss)	(revision 8e742e0e9689c2f26674a1b43c225694b1a41280)
+++ lams_central/web/css/_jquery.jRating_base.scss	(.../_jquery.jRating_base.scss)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -65,7 +65,6 @@
 	margin-top: 20px;
 }
 .rating-comment{
-	background: url("../images/css/greyfade_bg.jpg") repeat-x scroll 0px 0px transparent;
 	padding: 15px;
 	margin: 10px 0;
 }
Index: lams_central/web/css/_learner_base.scss
===================================================================
diff -u -r6600e575e5a67163cdc6bb787a078bde420328cd -reda89b58885d3360b28c25096188f47952aff317
--- lams_central/web/css/_learner_base.scss	(.../_learner_base.scss)	(revision 6600e575e5a67163cdc6bb787a078bde420328cd)
+++ lams_central/web/css/_learner_base.scss	(.../_learner_base.scss)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -873,7 +873,6 @@
 // Ratings
 .rating-comment{
 	background-image: none;
-	background-color: $gray-lighter;
 	border: $border-thin-default-light;
 }
 
Index: lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/dto/GeneralLearnerFlowDTO.java
===================================================================
diff -u -ra61647737b2a52dfc32f5d47247df8adebbc7854 -reda89b58885d3360b28c25096188f47952aff317
--- lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/dto/GeneralLearnerFlowDTO.java	(.../GeneralLearnerFlowDTO.java)	(revision a61647737b2a52dfc32f5d47247df8adebbc7854)
+++ lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/dto/GeneralLearnerFlowDTO.java	(.../GeneralLearnerFlowDTO.java)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -73,7 +73,7 @@
 
     protected String endLearningMessage;
 
-    protected String userNameVisible;
+    protected boolean userNameVisible;
 
     protected boolean showOtherAnswers;
 
@@ -89,8 +89,6 @@
 
     protected Set<QaQueContent> questions;
 
-    protected List<QaUsrResp> userResponses;
-
     protected String initialScreen;
 
     protected String lockWhenFinished;
@@ -99,30 +97,13 @@
 
     protected String userUid;
 
-    protected String usernameVisible;
-
     protected String allowRichEditor;
 
     protected String useSelectLeaderToolOuput;
 
     protected boolean allowRateAnswers;
 
     /**
-     * @return Returns the usernameVisible.
-     */
-    public String getUsernameVisible() {
-	return usernameVisible;
-    }
-
-    /**
-     * @param usernameVisible
-     *            The usernameVisible to set.
-     */
-    public void setUsernameVisible(String usernameVisible) {
-	this.usernameVisible = usernameVisible;
-    }
-
-    /**
      * @return Returns the currentAnswer.
      */
     public String getCurrentAnswer() {
@@ -315,18 +296,11 @@
 	this.endLearningMessage = endLearningMessage;
     }
 
-    /**
-     * @return Returns the userNameVisible.
-     */
-    public String getUserNameVisible() {
+    public boolean getUserNameVisible() {
 	return userNameVisible;
     }
 
-    /**
-     * @param userNameVisible
-     *            The userNameVisible to set.
-     */
-    public void setUserNameVisible(String userNameVisible) {
+    public void setUserNameVisible(boolean userNameVisible) {
 	this.userNameVisible = userNameVisible;
     }
 
@@ -386,21 +360,6 @@
     /**
      * @return Returns the questions.
      */
-    public List<QaUsrResp> getUserResponses() {
-	return userResponses;
-    }
-
-    /**
-     * @param questions
-     *            The questions to set.
-     */
-    public void setUserResponses(List<QaUsrResp> userResponses) {
-	this.userResponses = userResponses;
-    }
-
-    /**
-     * @return Returns the questions.
-     */
     public Set<QaQueContent> getQuestions() {
 	return questions;
     }
Index: lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/model/QaQueContent.java
===================================================================
diff -u -r1ee503e3d0e0228ea8a45025fddf15d9623c0377 -reda89b58885d3360b28c25096188f47952aff317
--- lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/model/QaQueContent.java	(.../QaQueContent.java)	(revision 1ee503e3d0e0228ea8a45025fddf15d9623c0377)
+++ lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/model/QaQueContent.java	(.../QaQueContent.java)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -34,6 +34,7 @@
 import javax.persistence.JoinColumn;
 import javax.persistence.ManyToOne;
 import javax.persistence.Table;
+import javax.persistence.Transient;
 
 import org.apache.commons.lang.builder.EqualsBuilder;
 import org.apache.commons.lang.builder.HashCodeBuilder;
@@ -78,6 +79,10 @@
     @ManyToOne(fetch = FetchType.LAZY)
     @JoinColumn(name = "qa_content_id")
     private QaContent qaContent;
+    
+    // *************** NON Persist Fields used in learning ********************
+    @Transient
+    private QaUsrResp userResponse;
 
     /** default constructor */
     public QaQueContent() {
@@ -239,4 +244,14 @@
     public void setFeedback(String feedback) {
 	this.feedback = feedback;
     }
+    
+    // *************** NON Persist Fields used in monitoring ********************
+
+    public QaUsrResp getUserResponse() {
+	return userResponse;
+    }
+
+    public void setUserResponse(QaUsrResp userResponse) {
+	this.userResponse = userResponse;
+    }
 }
Index: lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/util/LearningUtil.java
===================================================================
diff -u -r69092337b728f903f824a74377bd0ebf9391120c -reda89b58885d3360b28c25096188f47952aff317
--- lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/util/LearningUtil.java	(.../LearningUtil.java)	(revision 69092337b728f903f824a74377bd0ebf9391120c)
+++ lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/util/LearningUtil.java	(.../LearningUtil.java)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -71,7 +71,7 @@
 	    generalLearnerFlowDTO.setQuestionListingMode(QUESTION_LISTING_MODE_COMBINED);
 	}
 
-	generalLearnerFlowDTO.setUserNameVisible(new Boolean(qaContent.isUsernameVisible()).toString());
+	generalLearnerFlowDTO.setUserNameVisible(qaContent.isUsernameVisible());
 	generalLearnerFlowDTO.setShowOtherAnswers(qaContent.isShowOtherAnswers());
 	generalLearnerFlowDTO.setAllowRichEditor(new Boolean(qaContent.isAllowRichEditor()).toString());
 	generalLearnerFlowDTO
Index: lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/web/controller/QaLearningController.java
===================================================================
diff -u -ra61647737b2a52dfc32f5d47247df8adebbc7854 -reda89b58885d3360b28c25096188f47952aff317
--- lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/web/controller/QaLearningController.java	(.../QaLearningController.java)	(revision a61647737b2a52dfc32f5d47247df8adebbc7854)
+++ lams_tool_laqa/src/java/org/lamsfoundation/lams/tool/qa/web/controller/QaLearningController.java	(.../QaLearningController.java)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -39,7 +39,6 @@
 
 import org.apache.commons.lang.StringEscapeUtils;
 import org.apache.commons.lang.StringUtils;
-import org.apache.log4j.Logger;
 import org.lamsfoundation.lams.notebook.model.NotebookEntry;
 import org.lamsfoundation.lams.notebook.service.CoreNotebookConstants;
 import org.lamsfoundation.lams.rating.dto.ItemRatingCriteriaDTO;
@@ -98,6 +97,11 @@
     @Autowired
     @Qualifier("qaMessageService")
     private MessageService messageService;
+    
+    @RequestMapping("/")
+    public String unspecified() throws IOException, ServletException, ToolException {
+	return null;
+    }
 
     @RequestMapping("/learning")
     public String execute(@ModelAttribute("qaLearningForm") QaLearningForm qaLearningForm, HttpServletRequest request)
@@ -342,7 +346,7 @@
 			    user, generalLearnerFlowDTO);
 
 		    generalLearnerFlowDTO.setIsLearnerFinished(user.isLearnerFinished());
-		    return "learning/learnerRep";
+		    return "learning/LearnerRep";
 		}
 	    }
 	}
@@ -613,7 +617,7 @@
 	    generalLearnerFlowDTO.setUserUid(user.getQueUsrId().toString());
 
 	    boolean usernameVisible = qaContent.isUsernameVisible();
-	    generalLearnerFlowDTO.setUserNameVisible(new Boolean(usernameVisible).toString());
+	    generalLearnerFlowDTO.setUserNameVisible(usernameVisible);
 
 	    NotebookEntry notebookEntry = qaService.getEntry(new Long(toolSessionID),
 		    CoreNotebookConstants.NOTEBOOK_TOOL, QaAppConstants.MY_SIGNATURE, new Integer(userID));
@@ -694,7 +698,7 @@
 	generalLearnerFlowDTO.setUserUid(qaQueUsr.getQueUsrId().toString());
 
 	boolean usernameVisible = qaContent.isUsernameVisible();
-	generalLearnerFlowDTO.setUserNameVisible(new Boolean(usernameVisible).toString());
+	generalLearnerFlowDTO.setUserNameVisible(usernameVisible);
 
 	request.setAttribute(QaAppConstants.GENERAL_LEARNER_FLOW_DTO, generalLearnerFlowDTO);
 
@@ -1012,7 +1016,6 @@
 	}
 
 	request.setAttribute(QaAppConstants.GENERAL_LEARNER_FLOW_DTO, generalLearnerFlowDTO);
-
 	return "learning/Notebook";
     }
 
@@ -1024,13 +1027,10 @@
      */
     public static void refreshSummaryData(HttpServletRequest request, QaContent qaContent, QaSession qaSession,
 	    IQaService qaService, String httpSessionID, QaQueUsr user, GeneralLearnerFlowDTO generalLearnerFlowDTO) {
-
 	SessionMap<String, Object> sessionMap = (SessionMap<String, Object>) request.getSession()
 		.getAttribute(httpSessionID);
 	Long userId = user.getQueUsrId();
-	Set<QaQueContent> questions = qaContent.getQaQueContents();
-	generalLearnerFlowDTO.setQuestions(questions);
-	generalLearnerFlowDTO.setUserNameVisible(new Boolean(qaContent.isUsernameVisible()).toString());
+	generalLearnerFlowDTO.setUserNameVisible(qaContent.isUsernameVisible());
 
 	// potentially empty list if the user starts the lesson after the time restriction has expired.
 	List<QaUsrResp> userResponses = qaService.getResponsesByUserUid(user.getUid());
@@ -1085,14 +1085,23 @@
 		countRatedQuestions = qaService.getCountItemsRatedByUser(qaContent.getQaContentId(), userId.intValue());
 	    }
 	}
+	
+	Set<QaQueContent> questions = qaContent.getQaQueContents();
+	generalLearnerFlowDTO.setQuestions(questions);
+	//find according QaQueContent, if any
+	for (QaQueContent question : questions) {
+	    for (QaUsrResp userResponse : userResponses) {
+		if (question.getUid().equals(userResponse.getQaQuestion().getUid())) {
+		    question.setUserResponse(userResponse);
+		    break;
+		}
+	    }
+	}
 
 	request.setAttribute(TOOL_SESSION_ID, qaSession.getQaSessionId());
-
 	sessionMap.put("commentsMinWordsLimit", commentsMinWordsLimit);
 	sessionMap.put("isCommentsEnabled", isCommentsEnabled);
 	sessionMap.put(AttributeNames.ATTR_COUNT_RATED_ITEMS, countRatedQuestions);
-
-	generalLearnerFlowDTO.setUserResponses(userResponses);
     }
 
     /**
Index: lams_tool_laqa/web/learning/LearnerRep.jsp
===================================================================
diff -u -ra61647737b2a52dfc32f5d47247df8adebbc7854 -reda89b58885d3360b28c25096188f47952aff317
--- lams_tool_laqa/web/learning/LearnerRep.jsp	(.../LearnerRep.jsp)	(revision a61647737b2a52dfc32f5d47247df8adebbc7854)
+++ lams_tool_laqa/web/learning/LearnerRep.jsp	(.../LearnerRep.jsp)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -22,6 +22,31 @@
 	<link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap.css">
 	<link rel="stylesheet" href="<lams:WebAppURL/>includes/css/qalearning.css">
 	<lams:css />
+	<style>
+		#rating-comment-info {
+			margin: 10px 0;
+    		padding: 5px;
+		}
+		
+		.other-users-responses {
+			margin: 0 -15px -35px -15px;
+		}
+		
+		.add-comment {
+			margin-left: 10px;
+			float: left !important;
+			margin-top: auto;
+		}
+		
+		.comment-textarea {
+			float: left;
+    		width: 85%;
+		}
+		
+		.other-users-responses .table>thead>tr>th {
+			line-height: 0.2;
+		}
+	</style>
 
 	<script type="text/javascript">
 		//var for jquery.jRating.js
@@ -97,7 +122,7 @@
 								rows += '<tr>';
 								rows += '<td style="vertical-align:top;">';
 								
-								if (${generalLearnerFlowDTO.userNameVisible == 'true'}) {
+								if (${generalLearnerFlowDTO.userNameVisible}) {
 									rows += definePortraitMiniHeader(userData["portraitId"], userData["userID"], '${lams}', userData["userName"], 
 											'<time class="timeago" title="' + userData["attemptTime"] + '" datetime="' + userData["timeAgo"] + '"></time>', 
 											false, "sbox-heading bg-warning")
@@ -201,7 +226,7 @@
 										//show comments textarea and a submit button
 										} else if (! (IS_DISABLED || usesRatings && MAX_RATES>0 && countRatedItems >= MAX_RATES && !hasStartedRating)) {
 											rows += '<div id="add-comment-area-' + itemId + '">';											
-											rows +=		'<textarea class="form-control" name="comment" rows="4" id="comment-textarea-'+ itemId +'" onfocus="if(this.value==this.defaultValue)this.value=\'\';" onblur="if(this.value==\'\')this.value=this.defaultValue;"><fmt:message key="label.comment.textarea.tip"/></textarea>';
+											rows +=		'<textarea class="form-control comment-textarea" name="comment" rows="4" id="comment-textarea-'+ itemId +'" onfocus="if(this.value==this.defaultValue)this.value=\'\';" onblur="if(this.value==\'\')this.value=this.defaultValue;"><fmt:message key="label.comment.textarea.tip"/></textarea>';
 											
 											rows += 	'<div class="button add-comment add-comment-new" data-item-id="'+ itemId +'" data-comment-criteria-id="'+ commentsCriteriaId +'">';
 											rows += 	'</div>';
@@ -256,6 +281,11 @@
 
 	<!-- form needs to be outside page so that the form bean can be picked up by Page tag. -->
 	<form:form action="/lams/tool/laqa11/learning/learning.do"  modelAttribute="qaLearningForm" method="POST" target="_self">
+		<form:hidden path="toolSessionID" id="toolSessionID" />
+		<form:hidden path="userID" id="userID" />
+		<form:hidden path="httpSessionID" />
+		<form:hidden path="totalQuestionCount" />
+		<form:hidden path="refreshAnswers" />
 
 		<lams:Page type="learner" title="${qaContent.title}">
 	
@@ -308,8 +338,8 @@
 			</c:if>
 	
 			<!-- Questions and answers -->
-			<c:forEach var="userResponse" items="${generalLearnerFlowDTO.userResponses}" varStatus="status">
-				<div class="row no-gutter">
+			<c:forEach var="question" items="${generalLearnerFlowDTO.questions}" varStatus="status">
+				<div class="row no-gutter voffset20">
 					<div class="col-xs-12">
 						<div class="panel panel-default">
 							<div class="panel-heading panel-title">
@@ -318,112 +348,95 @@
 							</div>
 							<div class="panel-body">
 								<div class="panel">
-									<c:out value="${userResponse.qaQuestion.question}" escapeXml="false" />
+									<c:out value="${question.question}" escapeXml="false" />
 								</div>
 	
-								<div class="row no-gutter">
-									<!-- split if ratings are on -->
-									<c:set var="splitRow" value="col-xs-12" />
-									<c:if test="${generalLearnerFlowDTO.allowRateAnswers}">
-										<c:set var="splitRow" value="col-xs-12 col-sm-9 col-md-10 col-lg-10" />
-									</c:if>
-									<div class="${splitRow}">
-										<div class="sbox">
-											<div class="sbox-heading bg-warning">
-												<div class="pull-left roffset5"><lams:Portrait userId="${userResponse.qaQueUser.queUsrId}"/></div>
-													<span><c:out value="${userResponse.qaQueUser.fullname}" /></span>
-													<br><span style="font-size: smaller"><lams:Date value="${userResponse.attemptTime}" timeago="true"/></span>
+								<%--User own responses---------------------------------------%>
+								<c:set var="userResponse" value="${question.userResponse}"/>
+								<c:if test="${userResponse != null}">
+									<div class="row no-gutter">
+										<!-- split if ratings are on -->
+										<c:set var="splitRow" value="col-xs-12" />
+										<c:if test="${generalLearnerFlowDTO.allowRateAnswers}">
+											<c:set var="splitRow" value="col-xs-12 col-sm-9 col-md-10 col-lg-10" />
+										</c:if>
+										<div class="${splitRow}">
+											<div class="sbox">
+												<div class="sbox-heading bg-warning">
+													<div class="pull-left roffset5"><lams:Portrait userId="${userResponse.qaQueUser.queUsrId}"/></div>
+														<span><c:out value="${userResponse.qaQueUser.fullname}" /></span>
+														<br><span style="font-size: smaller"><lams:Date value="${userResponse.attemptTime}" timeago="true"/></span>
+												</div>
+												<div class="sbox-body">
+													<c:out value="${userResponse.answer}" escapeXml="false" />
+												</div>
 											</div>
-											<div class="sbox-body">
-												<c:out value="${userResponse.answer}" escapeXml="false" />
-											</div>
 										</div>
-	
+										<c:if test="${generalLearnerFlowDTO.allowRateAnswers}">
+											<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
+												<h4 class="text-center">
+													<fmt:message key="label.learning.rating" />
+												</h4>
+												<lams:Rating itemRatingDto="${userResponse.itemRatingDto}" disabled="true" isItemAuthoredByUser="true"
+													maxRates="${qaContent.maximumRates}" />
+											</div>
+										</c:if>
 									</div>
-									<%--Rating area---------------------------------------%>
-									<c:if test="${generalLearnerFlowDTO.allowRateAnswers}">
-										<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
-											<h4 class="text-center">
-												<fmt:message key="label.learning.rating" />
-											</h4>
-											<lams:Rating itemRatingDto="${userResponse.itemRatingDto}" disabled="true" isItemAuthoredByUser="true"
-												maxRates="${qaContent.maximumRates}" />
-										</div>
+								</c:if>
+								
+								<!-- Others users' responses -->
+								<c:if test="${generalLearnerFlowDTO.showOtherAnswers}">
+									<c:if test="${isCommentsEnabled && sessionMap.commentsMinWordsLimit != 0}">
+										<lams:Alert id="rating-comment-info" type="info" close="false" >
+											<fmt:message key="label.comment.minimum.number.words">
+												<fmt:param>: ${sessionMap.commentsMinWordsLimit}</fmt:param>
+											</fmt:message>
+										</lams:Alert>
 									</c:if>
-								</div>
+					
+									<c:choose>
+										<c:when test="${isCommentsEnabled}">
+											<c:set var="numColumns" value="3" />
+										</c:when>
+										<c:when test="${!isCommentsEnabled and generalLearnerFlowDTO.allowRateAnswers}">
+											<c:set var="numColumns" value="2" />
+										</c:when>
+										<c:otherwise>
+											<c:set var="numColumns" value="1" />
+										</c:otherwise>
+									</c:choose>
+					
+									<div class="other-users-responses">
+										<lams:TSTable numColumns="${numColumns}" dataId='data-question-uid="${question.uid}"' >
+											<thead>
+												<tr>
+													<th title="<fmt:message key='label.sort.by.answer'/>"><fmt:message key="label.learning.answer" /></th>
+													<c:choose>
+													<c:when test="${generalLearnerFlowDTO.allowRateAnswers}">
+														<th title="<fmt:message key='label.sort.by.rating'/>"><fmt:message key="label.learning.rating" /></th>
+													</c:when>
+													<c:otherwise>
+														<th style="display:none;"></th>
+													</c:otherwise>
+													</c:choose>
+													<c:if test="${isCommentsEnabled}">
+														<th><fmt:message key="label.comment" /></th>
+													</c:if>
+												</tr>
+											</thead>
+											<tbody>
+						
+											</tbody>
+										</lams:TSTable>
+									</div>
+								</c:if>
+								
 							</div>
 						</div>
 					</div>
 				</div>
 			</c:forEach>
 			<!-- End questions and answers -->
-	
-			<!-- Others questions -->
-	
-			<c:if test="${generalLearnerFlowDTO.showOtherAnswers}">
-				<h4>
-					<fmt:message key="label.other.answers" />
-				</h4>
-	
-				<c:forEach var="question" items="${generalLearnerFlowDTO.questions}" varStatus="status">
-					<p>
-						<strong> <fmt:message key="label.question" /> ${status.count}:
-						</strong>
-						<c:out value="${question.question}" escapeXml="false" />
-					</p>
-	
-					<c:if test="${isCommentsEnabled && sessionMap.commentsMinWordsLimit != 0}">
-						<lams:Alert id="rating-info" type="info" close="false">
-							<fmt:message key="label.comment.minimum.number.words">
-								<fmt:param>: ${sessionMap.commentsMinWordsLimit}</fmt:param>
-							</fmt:message>
-						</lams:Alert>
-					</c:if>
-	
-					<c:choose>
-						<c:when test="${isCommentsEnabled}">
-							<c:set var="numColumns" value="3" />
-						</c:when>
-						<c:when test="${!isCommentsEnabled and generalLearnerFlowDTO.allowRateAnswers}">
-							<c:set var="numColumns" value="2" />
-						</c:when>
-						<c:otherwise>
-							<c:set var="numColumns" value="1" />
-						</c:otherwise>
-					</c:choose>
-	
-					<lams:TSTable numColumns="${numColumns}" dataId='data-question-uid="${question.uid}"'>
-						<thead>
-							<tr>
-								<th title="<fmt:message key='label.sort.by.answer'/>"><fmt:message key="label.learning.answer" /></th>
-								<c:choose>
-								<c:when test="${generalLearnerFlowDTO.allowRateAnswers}">
-									<th title="<fmt:message key='label.sort.by.rating'/>"><fmt:message key="label.learning.rating" /></th>
-								</c:when>
-								<c:otherwise>
-									<th style="display:none;"></th>
-								</c:otherwise>
-								</c:choose>
-								<c:if test="${isCommentsEnabled}">
-									<th><fmt:message key="label.comment" /></th>
-								</c:if>
-							</tr>
-						</thead>
-						<tbody>
-	
-						</tbody>
-					</lams:TSTable>
-	
-				</c:forEach>
-			</c:if>
-			<!-- End of others questions -->
-	
-			<!-- buttons -->
-			<form:hidden path="toolSessionID" id="toolSessionID" />
-			<form:hidden path="userID" id="userID" />
-			<form:hidden path="httpSessionID" />
-			<form:hidden path="totalQuestionCount" />
-			<form:hidden path="refreshAnswers" />
 				
 			<!-- reflections -->
 			<c:if test="${generalLearnerFlowDTO.reflection == 'true' && generalLearnerFlowDTO.isLearnerFinished}">
@@ -435,7 +448,7 @@
 							</div>
 							<div class="panel-body">
 								<div class="reflectionInstructions">
-									<lams:out value="${qaLearningForm.reflectionSubject}" escapeHtml="true" />
+									<lams:out value="${generalLearnerFlowDTO.reflectionSubject}" escapeHtml="true" />
 								</div>
 								<div class="panel">
 									<lams:out value="${qaLearningForm.entryText}" escapeHtml="true" />
@@ -453,6 +466,7 @@
 				</div>
 			</c:if>
 	
+			<!-- buttons -->
 			<c:if test="${mode != 'teacher'}">
 				<div class="right-buttons voffset5" align="right" id="learner-submit">
 					<c:if test="${!generalLearnerFlowDTO.isLearnerFinished}">
Index: lams_tool_laqa/web/monitoring/MonitoringMaincontent.jsp
===================================================================
diff -u -r5a0c67fe7b338c1f3ad27b7e309d993feb90a0b5 -reda89b58885d3360b28c25096188f47952aff317
--- lams_tool_laqa/web/monitoring/MonitoringMaincontent.jsp	(.../MonitoringMaincontent.jsp)	(revision 5a0c67fe7b338c1f3ad27b7e309d993feb90a0b5)
+++ lams_tool_laqa/web/monitoring/MonitoringMaincontent.jsp	(.../MonitoringMaincontent.jsp)	(revision eda89b58885d3360b28c25096188f47952aff317)
@@ -1,16 +1,11 @@
 <!DOCTYPE html>
-
 <%@ include file="/common/taglibs.jsp"%>
 <%@ page import="org.lamsfoundation.lams.tool.qa.QaAppConstants"%>
 
 <c:set var="sessionMap" value="${sessionScope[generalLearnerFlowDTO.httpSessionID]}" />
 <c:set var="qaContent" value="${content}" />
-<c:set var="lams">
-	<lams:LAMSURL />
-</c:set>
-<c:set var="tool">
-	<lams:WebAppURL />
-</c:set>
+<c:set var="lams"><lams:LAMSURL /></c:set>
+<c:set var="tool"><lams:WebAppURL /></c:set>
 <c:set var="localeLanguage"><lams:user property="localeLanguage" /></c:set>
 
 <lams:html>
@@ -40,6 +35,9 @@
 		a.image-link {
 			border-bottom: none !important;
 		}
+		.tablesorter.table>tbody>tr>td {
+			vertical-align:top;
+		}
 	</style>
 	
 	<script type="text/javascript"> 
@@ -132,15 +130,9 @@
 								rows += '<tr>';
 								rows += '<td>';
 								
-									rows += '<div>';
-									rows += 	definePortraitPopover(userData["portraitId"], userData["userID"], fullName, fullName) 
-									rows += 	'</span> ';
-									rows += 	'(<time class="timeago" title="';
-									rows += 	userData["attemptTime"]
-									rows += 	'" datetime="';
-									rows += 	userData["timeAgo"];
-									rows += 	'"></time>)';
-									rows += '</div>';
+								rows += 	definePortraitMiniHeader(userData["portraitId"], userData["userID"], '${lams}', fullName,
+										 		'<time class="timeago" title="' + userData["attemptTime"] + '" datetime="' + userData["timeAgo"] + '"></time>',
+												false, "sbox-heading bg-warning");
 								
 								rows += 	'<div class="user-answer">';
 								if (userData["visible"] == 'true') {