Index: lams_learning/web/notebook/viewall.jsp
===================================================================
diff -u -racc8d2acf5b6b0002e0c8129947040a779ab4077 -r89df586d9d0d7b3267139a0604c423f67df70007
--- lams_learning/web/notebook/viewall.jsp	(.../viewall.jsp)	(revision acc8d2acf5b6b0002e0c8129947040a779ab4077)
+++ lams_learning/web/notebook/viewall.jsp	(.../viewall.jsp)	(revision 89df586d9d0d7b3267139a0604c423f67df70007)
@@ -20,117 +20,119 @@
 --%>
 <%@ taglib uri="tags-html" prefix="html"%>
 <%@ taglib uri="tags-core" prefix="c"%>
-<%@ taglib uri="tags-fmt" prefix="fmt" %>
-<%@ taglib uri="tags-lams" prefix="lams" %>
+<%@ taglib uri="tags-fmt" prefix="fmt"%>
+<%@ taglib uri="tags-lams" prefix="lams"%>
 
 <fmt:setBundle basename="org.lamsfoundation.lams.learning.ApplicationResources" />
-	<c:set var="addnote">
-			<html:rewrite page="/notebook/add.do?lessonID=" /><c:out value="${lessonID}"/>
-	</c:set> 
-	<div id="content">
-		<h1><fmt:message key="mynotes.title"/></h1>
-	
-		<h2><fmt:message key="mynotes.view.all.button"/></h2>
-		<p>&nbsp;</p>
-		<c:forEach var="entryList" items="${entries}" varStatus="list_status">
-			
-			<table class="alternative-color" cellspacing="0">
-			<c:forEach var="entry" items="${entryList}" varStatus="entry_status">
-					<html:link href="#" linkName="lesson${entry.externalID}" />
-					
-					<!-- set sig check flag -->
-					<c:if test="${entry_status.first}">
-						<c:set var="sigToCheck">
-							<c:if test="${entry.externalSignature != ''}">
-								<c:out value="${entry.externalSignature}"/>
-							</c:if>
-						</c:set>
-						
-						<c:set var="addnote">
-							<html:rewrite page="/notebook/add.do?lessonID=" /><c:out value="${entry.externalID}"/>
-						</c:set> 
-						
-						<h2>
-						<c:choose>
-							<c:when test="${!empty sigToCheck}">
-								<fmt:message key="mynotes.signature.${sigToCheck}.heading"/> - <c:out value="${entry.lessonName}" escapeXml="false" />
-							</c:when>
-							<c:otherwise>
-								<fmt:message key="mynotes.signature.unknown.heading"/> - <c:out value="${entry.lessonName}" escapeXml="false" />
-							</c:otherwise>
-						</c:choose>
-						</h2>	
-						
+<c:set var="addnote">
+	<html:rewrite page="/notebook/add.do?lessonID=" />
+	<c:out value="${lessonID}" />
+</c:set>
+<c:set var="title">
+	<fmt:message key="mynotes.title" />
+</c:set>
+
+<lams:Page type="learner" title="${title}">
+	<div class="lead">
+		<fmt:message key="mynotes.view.all.button" />
+	</div>
+
+	<c:forEach var="entryList" items="${entries}" varStatus="list_status">
+		<c:forEach var="entry" items="${entryList}" varStatus="entry_status">
+			<html:link href="#" linkName="lesson${entry.externalID}" />
+
+			<!-- set sig check flag -->
+			<c:if test="${entry_status.first}">
+				<c:set var="sigToCheck">
+					<c:if test="${entry.externalSignature != ''}">
+						<c:out value="${entry.externalSignature}" />
+					</c:if>
+				</c:set>
+
+				<c:set var="addnote">
+					<html:rewrite page="/notebook/add.do?lessonID=" />
+					<c:out value="${entry.externalID}" />
+				</c:set>
+
+				<div class="panel panel-default">
+					<div class="panel-heading">
+						<h4 class="panel-title">
+							<c:choose>
+								<c:when test="${!empty sigToCheck}">
+									<fmt:message key="mynotes.signature.${sigToCheck}.heading" /> - <c:out value="${entry.lessonName}"
+										escapeXml="false" />
+								</c:when>
+								<c:otherwise>
+									<fmt:message key="mynotes.signature.unknown.heading" /> - <c:out value="${entry.lessonName}" escapeXml="false" />
+								</c:otherwise>
+							</c:choose>
+						</h4>
+
+					</div>
+					<div class="panel-body">
+
+						<table class="table table-condensed table-hover" cellspacing="0">
 							<tr>
-								<th scope="col" width="30%" colspan="2"><fmt:message key="mynotes.entry.title.label"/></th>
-								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.create.date.label"/></th>
-								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.last.modified.label"/></th>
+								<th scope="col" width="30%" colspan="2"><fmt:message key="mynotes.entry.title.label" /></th>
+								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.create.date.label" /></th>
+								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.last.modified.label" /></th>
 							</tr>
-					</c:if>
-					
-					<c:if test="${!empty sigToCheck && sigToCheck != entry.externalSignature}">
-						<!-- do segment separator -->
+							</c:if>
+
+							<c:if test="${!empty sigToCheck && sigToCheck != entry.externalSignature}">
+								<!-- do segment separator -->
 						</table>
-						
-						<c:set var="sigToCheck" value="${entry.externalSignature}"/>
-						
-						<h2>
-						<c:choose>
-							<c:when test="${!empty sigToCheck}">
-								<fmt:message key="mynotes.signature.${sigToCheck}.heading"/> - <c:out value="${entry.lessonName}" escapeXml="false" />
-							</c:when>
-							<c:otherwise>
-								<fmt:message key="mynotes.signature.unknown.heading"/> - <c:out value="${entry.lessonName}" escapeXml="false" />
-							</c:otherwise>
-						</c:choose>
-						</h2>		
-								
-						<table class="alternative-color" cellspacing="0">
+
+						<c:set var="sigToCheck" value="${entry.externalSignature}" />
+
+						<h4>
+							<c:choose>
+								<c:when test="${!empty sigToCheck}">
+									<fmt:message key="mynotes.signature.${sigToCheck}.heading" /> - <c:out value="${entry.lessonName}"
+										escapeXml="false" />
+								</c:when>
+								<c:otherwise>
+									<fmt:message key="mynotes.signature.unknown.heading" /> - <c:out value="${entry.lessonName}" escapeXml="false" />
+								</c:otherwise>
+							</c:choose>
+						</h4>
+
+						<table class="table table-condensed table-hover" cellspacing="0">
 							<tr>
-								<th scope="col" width="30%" colspan="2"><fmt:message key="mynotes.entry.title.label"/></th>
-								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.create.date.label"/></th>
-								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.last.modified.label"/></th>
+								<th scope="col" width="30%" colspan="2"><fmt:message key="mynotes.entry.title.label" /></th>
+								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.create.date.label" /></th>
+								<th scope="col" width="25%" align="center"><fmt:message key="mynotes.entry.last.modified.label" /></th>
 							</tr>
-					</c:if>
-						
-					<tr>
-						<td class="align-left" width="28%">
-							<c:set var="viewnote">
-								<html:rewrite page="/notebook.do?method=viewEntry&uid=" /><c:out value="${entry.uid}"/>
-							</c:set> 
-							<html:link href="${viewnote}">
-								<c:choose>
-									<c:when test="${empty entry.title}">
-										<fmt:message key="mynotes.entry.no.title.label"/>
-									</c:when>
-									<c:otherwise>
-										<c:out value="${entry.title}" escapeXml="false"/>
-									</c:otherwise>
-								</c:choose>
-							</html:link>
-						</td><td>&nbsp;</td>
-						<td><lams:Date value="${entry.createDate}"/></td>
-						<td><lams:Date value="${entry.lastModified}"/></td>
-					</tr>
-				</c:forEach>
-				
-				<!--  new add button for lesson -->
-				<table>
-					<tr>
-						<td>
-							<div class="right-buttons">
-								<a href="${addnote}" class="button" id="addNewBtn"><fmt:message key="mynotes.add.new.button"/></a>
-							</div>
-						</td>
-					</tr>
-				</table>
-				
-			</table>
-		</c:forEach>
-		
-	</div>  <!--closes content-->
+							</c:if>
 
+							<tr>
+								<td class="align-left" width="28%"><c:set var="viewnote">
+										<html:rewrite page="/notebook.do?method=viewEntry&uid=" />
+										<c:out value="${entry.uid}" />
+									</c:set> <html:link href="${viewnote}">
+										<c:choose>
+											<c:when test="${empty entry.title}">
+												<fmt:message key="mynotes.entry.no.title.label" />
+											</c:when>
+											<c:otherwise>
+												<c:out value="${entry.title}" escapeXml="false" />
+											</c:otherwise>
+										</c:choose>
+									</html:link></td>
+								<td>&nbsp;</td>
+								<td><lams:Date value="${entry.createDate}" /></td>
+								<td><lams:Date value="${entry.lastModified}" /></td>
+							</tr>
+							</c:forEach>
 
-	<div id="footer">
-	</div><!--closes footer-->
+						</table>
 
+						<!--  new add button for lesson -->
+						<div class="voffset10">
+							<a href="${addnote}" class="btn btn-default pull-right" id="addNewBtn"><fmt:message
+									key="mynotes.add.new.button" /></a>
+						</div>
+					</div>
+				</div>
+		</c:forEach>
+</lams:Page>
\ No newline at end of file