Index: lams_central/web/comments/new.jsp
===================================================================
diff -u -r5297fc67fa56d2984dfa874443ebcf7ddc6a0ca8 -rb655a75c3d5169a2e886a235fc4682855b2a3038
--- lams_central/web/comments/new.jsp	(.../new.jsp)	(revision 5297fc67fa56d2984dfa874443ebcf7ddc6a0ca8)
+++ lams_central/web/comments/new.jsp	(.../new.jsp)	(revision b655a75c3d5169a2e886a235fc4682855b2a3038)
@@ -4,82 +4,113 @@
 <%@ taglib uri="tags-fmt" prefix="fmt"%>
 
 <%@ page import="org.lamsfoundation.lams.comments.CommentConstants"%>
-
 <script type="text/javascript">
-	$(document).ready(function(){
+	$(document).ready(function() {
 		$('#newForm').submit(function() { // catch the form's submit event
 			newCommentSubmit();
 		});
 	});
 
 	function newCommentSubmit() {
-		
+
 		var theForm = $(newForm);
-		
-		if ( validateBodyText($('#newFormBody').val(), <%=CommentConstants.MAX_BODY_LENGTH%>, "<fmt:message key="label.comment.body.validation" />") ) {
 
-	    $.ajax({ // create an AJAX call...
-		        data: theForm.serialize(), 
-		        processData: false, // tell jQuery not to process the data
-		        contentType: false, // tell jQuery not to set contentType
-		        type: theForm.attr('method'), // GET or POST
-		        url: theForm.attr('action'), // the file to call  
-	    })
-	    .done(function (response) {
-	    
-       			var threadUid = response.threadUid;
-       			var commentUid = response.commentUid;
-       			var sessionMapID = response.sessionMapID;
+		if (validateBodyText($('#newFormBody').val(),
+<%=CommentConstants.MAX_BODY_LENGTH%>,"<fmt:message key="label.comment.body.validation" />")) {
 
-       			// have just added it as a standalone comment, so show the posting at the top. 
-				var newCommentDiv = document.getElementById('newcomments'); 
-       			var newThreadDiv = document.createElement("div");
-       			newThreadDiv.id = 'thread'+commentUid;
-       			newCommentDiv.insertBefore(newThreadDiv,newCommentDiv.firstChild);
-        			
-       			if ( ! newCommentDiv || ! newThreadDiv ) {
-       				alert('<fmt:message key="error.cannot.redisplay.please.refresh"/>');
-   				} else if ( commentUid ) {
-       				var loadString = '<lams:LAMSURL />comments/viewTopicThread.do?sessionMapID=' + response.sessionMapID + "&threadUid=" + threadUid+"&commentUid="+commentUid;
-					$(newThreadDiv).load(loadString, function() {
-						highlightMessage();
-					});
-					clearNewForm();
-				} else if ( response.errMessage ) {
-					alert(response.errMessage);
-				} else {
-       				alert('<fmt:message key="error.please.refresh"/>');
-				}
+			$.ajax({ // create an AJAX call...
+						data : theForm.serialize(),
+						processData : false, // tell jQuery not to process the data
+						contentType : false, // tell jQuery not to set contentType
+						type : theForm.attr('method'), // GET or POST
+						url : theForm.attr('action'), // the file to call  
+					})
+					.done(
+							function(response) {
 
-	    	});
+								var threadUid = response.threadUid;
+								var commentUid = response.commentUid;
+								var sessionMapID = response.sessionMapID;
+
+								// have just added it as a standalone comment, so show the posting at the top. 
+								var newCommentDiv = document
+										.getElementById('newcomments');
+								var newThreadDiv = document
+										.createElement("div");
+								newThreadDiv.id = 'thread' + commentUid;
+								newCommentDiv.insertBefore(newThreadDiv,
+										newCommentDiv.firstChild);
+
+								if (!newCommentDiv || !newThreadDiv) {
+									alert('<fmt:message key="error.cannot.redisplay.please.refresh"/>');
+								} else if (commentUid) {
+									var loadString = '<lams:LAMSURL />comments/viewTopicThread.do?sessionMapID='
+											+ response.sessionMapID
+											+ "&threadUid="
+											+ threadUid
+											+ "&commentUid=" + commentUid;
+									$(newThreadDiv).load(loadString,
+											function() {
+												highlightMessage();
+											});
+									clearNewForm();
+								} else if (response.errMessage) {
+									alert(response.errMessage);
+								} else {
+									alert('<fmt:message key="error.please.refresh"/>');
+								}
+
+							});
 		} // end validateBodyText
 		return false;
 	}
-	
+
 	function clearNewForm() {
 		$('#newFormBody').val('');
 		return false;
 	}
-	
 </script>
 
-<div class="comment-entry">
-<form id="newForm" method="GET" action="<lams:LAMSURL />comments/newComment.do">
-	<textarea rows="3" cols="80" id="newFormBody" maxlength="<%=CommentConstants.MAX_BODY_LENGTH+2%>" name="body" class="comment"></textarea>
-	<input type="hidden" id="sessionMapID" name="sessionMapID" value="${sessionMapID}"/>
-	
-	<div class="space-bottom">
-	<div class="left-buttons">
-			<a href="javascript:refreshComments();" class="button"> <fmt:message key="label.refresh" /> </a>
+<div class="row no-gutter">
+	<div class="col-xs-12">
+		<div class="panel panel-default">
+			<div class="panel-heading">
+				<h4 class="panel-title">
+					<fmt:message key="heading.comments" />
+				</h4>
+			</div>
+			<div class="panel-body">
+
+				<div class="form-group">
+					<div class="comment-entry">
+						<form id="newForm" method="GET"
+							action="<lams:LAMSURL />comments/newComment.do">
+							<textarea class="form-control" placeholder="..." id="newFormBody"
+								maxlength="<%=CommentConstants.MAX_BODY_LENGTH + 2%>" name="body"
+								class="comment"></textarea>
+							<input type="hidden" id="sessionMapID" name="sessionMapID"
+								value="${sessionMapID}" /> <a
+								href="javascript:refreshComments();" style="margin: 5px"
+								class="btn btn-primary btn-xs"> <fmt:message
+									key="label.refresh" />
+							</a> <a href="#nogo" onclick="javascript:newCommentSubmit();"
+								style="margin: 5px" class="btn btn-primary btn-xs pull-right">
+								<fmt:message key="label.post" />
+							</a> <a href="#nogo" onclick="javascript:clearNewForm();"
+								style="margin: 5px" class="btn btn-primary btn-xs pull-right">
+								<fmt:message key="label.cancel" />
+							</a>&nbsp;
+						</form>
+					</div>
+				</div>
+
+			</div>
+			<!-- end panel body -->
+		</div>
+		<!-- end comment panel -->
 	</div>
-	<div class="right-buttons">
-		<a href="#" onclick="javascript:clearNewForm();" class="button">
-			<fmt:message key="label.cancel" />
-		</a>&nbsp;
-		<a href="#" onclick="javascript:newCommentSubmit();" class="button">
-			<fmt:message key="label.post" />
-		</a>
-	</div>
-	</div>
-</form>
+	<!-- end col-*-12 -->
 </div>
+<!-- end row no-gutter -->
+
+