Index: lams_tool_chat/web/pages/learning/notebook.jsp
===================================================================
diff -u -r98424ecde9e3fa1c56c4477b6a555bdfe0a310d2 -ref13258732b950074ce269abe8f51fbc00762eca
--- lams_tool_chat/web/pages/learning/notebook.jsp	(.../notebook.jsp)	(revision 98424ecde9e3fa1c56c4477b6a555bdfe0a310d2)
+++ lams_tool_chat/web/pages/learning/notebook.jsp	(.../notebook.jsp)	(revision ef13258732b950074ce269abe8f51fbc00762eca)
@@ -4,42 +4,43 @@
 	function disableFinishButton() {
 		document.getElementById("finishButton").disabled = true;
 	}
-         function submitForm(methodName){
-                var f = document.getElementById('messageForm');
-                f.submit();
-        }       
+	function submitForm(methodName) {
+		var f = document.getElementById('messageForm');
+		f.submit();
+	}
 </script>
 
-<div id="content">
-	<h1>
-		<c:out value="${chatDTO.title}" escapeXml="true"/>
-	</h1>
+<lams:Page type="learner" title="${chatDTO.title}">
 
 	<html:form action="/learning" method="post" onsubmit="disableFinishButton();" styleId="messageForm">
 
-		<p class="small-space-top">
-			<lams:out value="${chatDTO.reflectInstructions}" escapeHtml="true"/>
-		</p>
+		<div class="panel">
+			<lams:out value="${chatDTO.reflectInstructions}" escapeHtml="true" />
+		</div>
 
-		<html:textarea cols="60" rows="8" property="entryText"
-			styleClass="text-area"></html:textarea>
+		<html:textarea rows="5" property="entryText" styleClass="form-control" styleId="focused"></html:textarea>
 
-		<div class="space-bottom-top align-right">
-			<html:hidden property="dispatch" value="submitReflection" />
-			<html:hidden property="chatUserUID" />
-			<html:link href="#nogo" styleClass="button" styleId="finishButton"  onclick="submitForm('finish')">
-				<span class="nextActivity">
-					<c:choose>
-						<c:when test="${activityPosition.last}">
-							<fmt:message key="button.submit" />
-						</c:when>
-						<c:otherwise>
-							<fmt:message key="button.finish" />
-						</c:otherwise>
-					</c:choose>
-				</span>
-			</html:link>
-		</div>
+		<html:hidden property="dispatch" value="submitReflection" />
+		<html:hidden property="chatUserUID" />
+		<html:link href="#nogo" styleClass="btn btn-primary pull-right voffset10 na" styleId="finishButton"
+			onclick="submitForm('finish')">
+			<c:choose>
+				<c:when test="${activityPosition.last}">
+					<fmt:message key="button.submit" />
+				</c:when>
+				<c:otherwise>
+					<fmt:message key="button.finish" />
+				</c:otherwise>
+			</c:choose>
+		</html:link>
 	</html:form>
-</div>
+</lams:Page>
 
+
+<script type="text/javascript">
+	window.onload = function() {
+		document.getElementById("focused").focus();
+	}
+</script>
+
+