Index: lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp
===================================================================
diff -u -r35a0e719d061c08b52e705135bb2f2126079ed21 -ra102b8069df718fe47f3bc10c1d58b20fb5d1b68
--- lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision 35a0e719d061c08b52e705135bb2f2126079ed21)
+++ lams_tool_assessment/web/pages/monitoring/parts/questionsummary.jsp	(.../questionsummary.jsp)	(revision a102b8069df718fe47f3bc10c1d58b20fb5d1b68)
@@ -12,12 +12,19 @@
 		
 		<link type="text/css" href="<lams:LAMSURL />css/jquery-ui-redmond-theme.css" rel="stylesheet">
 		<link type="text/css" href="<lams:LAMSURL />css/jquery.jqGrid.css" rel="stylesheet" />
+		<style media="screen,projection" type="text/css">
+			.ui-jqgrid tr.jqgrow td {
+			    white-space: normal !important;
+			    height:auto;
+			    vertical-align:text-top;
+			    padding-top:2px;
+			}
+		</style>
+		
 		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
 		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.jqGrid.locale-en.js"></script>
 	 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.jqGrid.js"></script>
-
   	    <script>
-  	    	<!--
   	    	var isEdited = false;
   	    	var previousCellValue = "";  	    	
   	    	var numberOfValues = 0;
@@ -28,19 +35,19 @@
 	  				jQuery("#session${session.sessionId}").jqGrid({
 	  					datatype: "local",
 	  					height: 'auto',
-	  					width: 500,
-	  					shrinkToFit: true,
+	  					autowidth: true,
+	  					shrinkToFit: false,
 	  					
 	  				   	colNames:['questionResultUid',
 	  		  				   	"<fmt:message key="label.monitoring.summary.user.name" />",
 	  							"<fmt:message key="label.monitoring.user.summary.response" />",
 	  						    "<fmt:message key="label.monitoring.user.summary.grade" />"],
 	  						    
 	  				   	colModel:[
-							{name:'questionResultUid', index:'questionResultUid', width:0},
-							{name:'userName',index:'userName', width:100},
-	  				   		{name:'response', index:'response', width:200, sortable:false},
-	  				   		{name:'grade', index:'grade', width:80, sorttype:"float", editable:true, editoptions: {size:4, maxlength: 4} }		
+							{name:'questionResultUid', index:'questionResultUid', width:0, hidden: true},
+							{name:'userName',index:'userName', width:120},
+	  				   		{name:'response', index:'response', width:427, sortable:false},
+	  				   		{name:'grade', index:'grade', width:80, sorttype:"float", editable:true, editoptions: {size:4, maxlength: 4}, align:"right" }		
 	  				   	],
 	  				   	
 	  				   	multiselect: false,
@@ -78,7 +85,7 @@
 	  					onCellSelect: function (rowid, iCol, cellcontent){
 	  						jQuery("#session${session.sessionId}}").resetSelection();
 	  					}*/ 	  				  	
-	  				}).hideCol("questionResultUid");
+	  				});
 	  				
 	  	   	        <c:forEach var="questionResult" items="${questionResultsPerSession}" varStatus="i">
 			   	   	  	<c:choose>
@@ -113,7 +120,6 @@
         			self.parent.tb_remove();
         		}
     		}
-  			-->
   		</script>
 		
 		
@@ -178,7 +184,7 @@
 			
 			<c:forEach var="questionResultsPerSession" items="${questionSummary.questionResultsPerSession}" varStatus="status">
 				<c:set var="session" value="${questionResultsPerSession[0].user.session}"/>
-				<div style="padding-left: 0px; padding-bottom: 30px;">
+				<div style="padding-left: 0px; padding-bottom: 30px; width:645px;">
 					<div style="font-size: small; padding-bottom: 5px;">
 						<fmt:message key="label.monitoring.question.summary.group" /> ${session.sessionName}
 					</div>
@@ -189,7 +195,7 @@
 
 
 			<lams:ImgButtonWrapper>
-				<a href="#" onclick="refreshSummaryPage();" class="button space-left" style="float:right; margin-right:40px; padding-top:5px;">
+				<a href="#" onclick="refreshSummaryPage();" class="button space-left" style="float:right; margin-right:10px; padding-top:5px;">
 					<fmt:message key="label.monitoring.question.summary.ok" /> 
 				</a>
 			</lams:ImgButtonWrapper>
Index: lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp
===================================================================
diff -u -r35a0e719d061c08b52e705135bb2f2126079ed21 -ra102b8069df718fe47f3bc10c1d58b20fb5d1b68
--- lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision 35a0e719d061c08b52e705135bb2f2126079ed21)
+++ lams_tool_assessment/web/pages/monitoring/parts/usersummary.jsp	(.../usersummary.jsp)	(revision a102b8069df718fe47f3bc10c1d58b20fb5d1b68)
@@ -12,12 +12,19 @@
 		
 		<link type="text/css" href="<lams:LAMSURL />css/jquery-ui-redmond-theme.css" rel="stylesheet">
 		<link type="text/css" href="<lams:LAMSURL />css/jquery.jqGrid.css" rel="stylesheet" />
+		<style media="screen,projection" type="text/css">
+			.ui-jqgrid tr.jqgrow td {
+			    white-space: normal !important;
+			    height:auto;
+			    vertical-align:text-top;
+			    padding-top:2px;
+			}
+		</style>
+		
 		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.js"></script>
 		<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.jqGrid.locale-en.js"></script>
 	 	<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/jquery.jqGrid.js"></script>
-
   	    <script>
-  	    	<!--
 	    	var isEdited = false;
   	    	var previousCellValue = "";  	    	
 	  	  	$(document).ready(function(){
@@ -27,8 +34,8 @@
 	  				jQuery("#user${question.uid}").jqGrid({
 	  					datatype: "local",
 	  					height: 'auto',
-	  					width: 500,
-	  					shrinkToFit: true,
+	  					autowidth: true,
+	  					shrinkToFit: false,
 	  					
 	  				   	colNames:["<fmt:message key="label.monitoring.user.summary.attempt" />",
 	  							'questionResultUid',
@@ -37,11 +44,11 @@
 	  						    "<fmt:message key="label.monitoring.user.summary.grade" />"],
 	  						    
 	  				   	colModel:[
-	  				   		{name:'id', index:'id', width:55, sorttype:"int"},
-	  				   		{name:'questionResultUid', index:'questionResultUid', width:0},
+	  				   		{name:'id', index:'id', width:52, sorttype:"int"},
+	  				   		{name:'questionResultUid', index:'questionResultUid', width:0, hidden: true},
 	  				   		{name:'time', index:'time', width:150, sorttype:'date', datefmt:'Y-m-d'},
-	  				   		{name:'response', index:'response', width:200, sortable:false},
-	  				   		{name:'grade', index:'grade', width:80, sorttype:"float", editable:true, editoptions: {size:4, maxlength: 4} }		
+	  				   		{name:'response', index:'response', width:341, sortable:false},
+	  				   		{name:'grade', index:'grade', width:80, sorttype:"float", editable:true, editoptions: {size:4, maxlength: 4}, align:"right" }		
 	  				   	],
 	  				   	
 	  				   	multiselect: false,
@@ -79,7 +86,7 @@
 	  					onCellSelect: function (rowid, iCol, cellcontent){
 	  						jQuery("#user${question.uid+1}").resetSelection();
 	  					}*/ 	  				  	
-	  				}).hideCol("questionResultUid");
+	  				});
 	  				
 	  	   	        <c:forEach var="questionResult" items="${userSummaryItem.questionResults}" varStatus="i">
 	  	   	        	var responseStr = "";
@@ -103,7 +110,6 @@
         			self.parent.tb_remove();
         		}
     		}
-  			-->
   		</script>
 		
 		
@@ -159,7 +165,7 @@
 			<br><br>
 			
 			<c:forEach var="userSummaryItem" items="${userSummary.userSummaryItems}" varStatus="status">
-				<div style="padding-left: 0px; padding-bottom: 30px;">
+				<div style="padding-left: 0px; padding-bottom: 30px; width:645px;">
 					<table style="font-size: small; padding-bottom: 5px;">
 						<tr>
 							<td width="50px;">
@@ -185,7 +191,7 @@
 
 
 			<lams:ImgButtonWrapper>
-				<a href="#" onclick="refreshSummaryPage();" class="button space-left" style="float:right; margin-right:40px; padding-top:5px;">
+				<a href="#" onclick="refreshSummaryPage();" class="button space-left" style="float:right; margin-right:10px; padding-top:5px;">
 					<fmt:message key="label.monitoring.user.summary.ok" /> 
 				</a>
 			</lams:ImgButtonWrapper>
Index: lams_tool_assessment/web/pages/monitoring/summary.jsp
===================================================================
diff -u -rd209a8f4bb44ac8c149c57f6aff431a0cab8f2b6 -ra102b8069df718fe47f3bc10c1d58b20fb5d1b68
--- lams_tool_assessment/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision d209a8f4bb44ac8c149c57f6aff431a0cab8f2b6)
+++ lams_tool_assessment/web/pages/monitoring/summary.jsp	(.../summary.jsp)	(revision a102b8069df718fe47f3bc10c1d58b20fb5d1b68)
@@ -6,7 +6,6 @@
 <c:set var="isShrinkToFit" value="${(145 + fn:length(assessment.questions)*80) < 630}"/>
 
 <script type="text/javascript">
-	<!--	
 	$(document).ready(function(){
 		<c:forEach var="summary" items="${summaryList}" varStatus="status">
 		
@@ -36,7 +35,7 @@
 			   		var userId = jQuery("#list${summary.sessionId}").getCell(rowid, 'userId');
 			   		var sessionId = jQuery("#list${summary.sessionId}").getCell(rowid, 'sessionId');
 					var userSummaryUrl = '<c:url value="/monitoring/userSummary.do?sessionMapID=${sessionMapID}"/>';
-					var newUserSummaryHref = userSummaryUrl + "&userID=" + userId + "&sessionId=" + sessionId + "&KeepThis=true&TB_iframe=true&height=540&width=650&modal=true";
+					var newUserSummaryHref = userSummaryUrl + "&userID=" + userId + "&sessionId=" + sessionId + "&KeepThis=true&TB_iframe=true&height=540&width=750&modal=true";
 					$("#userSummaryHref").attr("href", newUserSummaryHref);	
 					$("#userSummaryHref").click(); 		
 			  	},
@@ -87,10 +86,10 @@
 					    
 			   	colModel:[
 	  			   		{name:'id', index:'id', width:20, sorttype:"int"},
-	  			   		{name:'questionResultUid', index:'questionResultUid', width:0},
+	  			   		{name:'questionResultUid', index:'questionResultUid', width:0, hidden: true},
 	  			   		{name:'title', index:'title', width: 200},
-	  			   		{name:'response', index:'response', width:200, sortable:false},
-	  			   		{name:'grade', index:'grade', width:80, sorttype:"float", editable:true, editoptions: {size:4, maxlength: 4} }
+	  			   		{name:'response', index:'response', width:400, sortable:false},
+	  			   		{name:'grade', index:'grade', width:80, sorttype:"float", editable:true, editoptions: {size:4, maxlength: 4}, align:"right" }
 			   	],
 			   	multiselect: false,
 
@@ -116,7 +115,7 @@
   						return {questionResultUid:questionResultUid};		  				  		
   				  	}
   				}
-			}).hideCol("questionResultUid");
+			});
 			
 			
 		</c:forEach>
@@ -125,7 +124,7 @@
 			var questionUid = $("#questionUid").val();
 			if (questionUid != -1) {
 				var questionSummaryUrl = '<c:url value="/monitoring/questionSummary.do?sessionMapID=${sessionMapID}"/>';
-				var questionSummaryHref = questionSummaryUrl + "&questionUid=" + questionUid + "&KeepThis=true&TB_iframe=true&height=400&width=650&modal=true";
+				var questionSummaryHref = questionSummaryUrl + "&questionUid=" + questionUid + "&KeepThis=true&TB_iframe=true&height=400&width=750&modal=true";
 				$("#questionSummaryHref").attr("href", questionSummaryHref);	
 				$("#questionSummaryHref").click(); 		 
 			}
@@ -168,7 +167,6 @@
 		messageRestrictionSet: '<fmt:message key="monitor.summary.date.restriction.set" />',
 		messageRestrictionRemoved: '<fmt:message key="monitor.summary.date.restriction.removed" />'
 	};
-	-->		
 </script>
 
 <script type="text/javascript" src="<lams:LAMSURL/>/includes/javascript/monitorToolSummaryAdvanced.js" ></script>