Index: lams_tool_scribe/web/pages/learning/learning.jsp
===================================================================
diff -u -r2c5b4d48beb07aaf5f39402b8ed8efc5f04033cd -r276c03eb13322c40ee4c9cc63d0e34d8c371c68a
--- lams_tool_scribe/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 2c5b4d48beb07aaf5f39402b8ed8efc5f04033cd)
+++ lams_tool_scribe/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 276c03eb13322c40ee4c9cc63d0e34d8c371c68a)
@@ -4,68 +4,78 @@
 	<lams:WebAppURL />
 </c:set>
 
+<c:set var="appointedScribe">
+	<c:out value="${scribeSessionDTO.appointedScribe}" escapeXml="true" />
+</c:set>
+
+
 <script type="text/javascript">
-	var t=setTimeout("refreshPage()",5000)
+	var t = setTimeout("refreshPage()", 10000)
 
 	function refreshPage() {
-		window.location.href='${tool}learning.do?toolSessionID=${scribeSessionDTO.sessionID}&mode=${MODE}'
+		window.location.href = '${tool}learning.do?toolSessionID=${scribeSessionDTO.sessionID}&mode=${MODE}'
 	}
 </script>
 
-<div id="content">
+<lams:Page type="learner" title="${scribeDTO.title}">
 
-	<h1>
-		<c:out value="${scribeDTO.title}" escapeXml="true" />
-	</h1>
+	<div class="panel">
+		<c:out value="${scribeDTO.instructions}" escapeXml="false" />
+	</div>
 
-	<p>
-		<c:out value="${scribeDTO.instructions}" escapeXml="false"/>
-	</p>
-
 	<%@include file="/pages/parts/voteDisplay.jsp"%>
 
-	<div class="field-name">
+	<h4>
+		<abbr class="pull-right hidden-xs"
+			title="<fmt:message key="message.learnerInstructions2" ><fmt:param value="${appointedScribe}"/></fmt:message>&nbsp;<fmt:message key="message.learnerInstructions3" />"><i
+			class="fa fa-question-circle text-info"></i></abbr>
 		<fmt:message key="heading.report" />
-	</div>
+	</h4>
+	<p class="help-block" style="font-size: 12px"><fmt:message key="activity.title"/>: ${appointedScribe}</p>
 	<html:form action="learning">
 		<html:hidden property="dispatch" value="submitApproval"></html:hidden>
 		<html:hidden property="toolSessionID"></html:hidden>
 		<html:hidden property="mode"></html:hidden>
 
 		<c:forEach var="reportDTO" items="${scribeSessionDTO.reportDTOs}">
 
-			<div class="shading-bg">
-				<p>
-					<c:out value="${reportDTO.headingDTO.headingText}" escapeXml="false"/> 
-				</p>
+			<div class="row">
+				<div class="col-xs-12">
+					<div class="panel panel-default">
+						<div class="panel-heading panel-title">
+							<c:out value="${reportDTO.headingDTO.headingText}" escapeXml="false" />
+						</div>
+						<div class="panel-body">
+							<c:if test="${not empty reportDTO.entryText}">
+								<abbr class="pull-right hidden-xs" title="<fmt:message key="label.scribe.posted" />"><i
+									class="fa fa-xs fa-question-circle text-info"></i></abbr>
 
-				<c:if test="${not empty reportDTO.entryText}">
-					<ul>
-						<li>
-							<p>
 								<c:set var="entry">
-									<lams:out value="${reportDTO.entryText}" escapeHtml="true"/>
+									<lams:out value="${reportDTO.entryText}" escapeHtml="true" />
 								</c:set>
-								<c:out value="${entry}" escapeXml="false"/> 
-							</p>
-						</li>
-					</ul>
-				</c:if>
+								<c:out value="${entry}" escapeXml="false" />
+
+							</c:if>
+						</div>
+					</div>
+				</div>
 			</div>
 
 		</c:forEach>
 
-		<p>
-			<c:if
-				test="${scribeSessionDTO.reportSubmitted and (not scribeUserDTO.reportApproved)}">
-				<html:submit styleClass="button">
-					<fmt:message key="button.agree" />
-				</html:submit>
-			</c:if>
-		</p>
+		<c:if test="${scribeSessionDTO.reportSubmitted and (not scribeUserDTO.reportApproved)}">
+			<div class="row">
+				<div class="col-xs-12" id="agreeButton">
+					<html:submit styleClass="btn btn-success pull-left">
+						<fmt:message key="button.agree" />
+					</html:submit>
+				</div>
+			</div>
+		</c:if>
 
 	</html:form>
 
-</div>
 
-<div id="footer"></div>
+	<div id="footer"></div>
+
+</lams:Page>