Index: lams_learning/web/grouping/show.jsp
===================================================================
diff -u -r330b0d5f8fa4a8deb6d7454f92bdbd289e89cb82 -r03ff4f09100c6b76d1195062aa21250fbf1fd085
--- lams_learning/web/grouping/show.jsp	(.../show.jsp)	(revision 330b0d5f8fa4a8deb6d7454f92bdbd289e89cb82)
+++ lams_learning/web/grouping/show.jsp	(.../show.jsp)	(revision 03ff4f09100c6b76d1195062aa21250fbf1fd085)
@@ -24,7 +24,6 @@
 <c:set var="userId" value="${user.userID}" />
 
 <lams:PageLearner title="${title}" toolSessionID="" lessonID="${lessonID}">
-
 	<style type="text/css">
 		.user-container {
 			padding: 2px;
@@ -46,45 +45,41 @@
 
 	<div id="container-main">	
 		<form:form action="/lams/learning/grouping/completeActivity.do?userId=${userId}&lessonId=${lessonID}&activityID=${activityID}"
-			target="_self" modelAttribute="messageForm" id="messageForm">
+				target="_self" modelAttribute="messageForm" id="messageForm">
 	
-			<div class="card lcard">
-				<div class="card-header">
-					<i class="fa fa-sm fa-users"></i>&nbsp;
+			<div class="ltable table-hover mt-5">
+				<div class="row">
 					<fmt:message key="label.view.groups.title" />
 				</div>
 				
-				<div>
-					<div class="ltable table-striped mb-0">
-						<c:forEach var="group" items="${groups}">
-							<div class="row">
-								<div class="col-md-2">
-									<strong><c:out value="${group.groupName}" /></strong>
-								</div>
-								<div class="col-md-10">
-									<c:choose>
-										<c:when test="${RestrictedGroupUserNames && !group.userBelongsToGroup}">
-											<fmt:message key="label.learners">
-												<fmt:param>
-													${fn:length(group.userList)}
-												</fmt:param>
-											</fmt:message>
-										</c:when>
+				<c:forEach var="group" items="${groups}">
+					<div class="row">
+						<div class="col-md-2">
+							<strong><c:out value="${group.groupName}" /></strong>
+						</div>
+						
+						<div class="col-md-10">
+							<c:choose>
+								<c:when test="${RestrictedGroupUserNames && !group.userBelongsToGroup}">
+									<fmt:message key="label.learners">
+										<fmt:param>
+											${fn:length(group.userList)}
+										</fmt:param>
+									</fmt:message>
+								</c:when>
 											
-										<c:otherwise>
-											<c:forEach items="${group.userList}" var="groupUser">
-												<div name="u-${groupUser.userID}" class="user-container ${groupUser.userID ==  userId ? 'alert alert-info you mb-0' : ''}">
-													<lams:Portrait userId="${groupUser.userID}"/>&nbsp;
-													<c:out value="${groupUser.getFullName()}" />
-												</div>
-											</c:forEach>
-										</c:otherwise>
-									</c:choose>
-								</div>
-							</div>
-						</c:forEach>
+								<c:otherwise>
+									<c:forEach items="${group.userList}" var="groupUser">
+										<div name="u-${groupUser.userID}" class="user-container ${groupUser.userID ==  userId ? 'alert alert-info you mb-0' : ''}">
+											<lams:Portrait userId="${groupUser.userID}"/>&nbsp;
+											<c:out value="${groupUser.getFullName()}" />
+										</div>
+									</c:forEach>
+								</c:otherwise>
+							</c:choose>
+						</div>
 					</div>
-				</div>
+				</c:forEach>
 			</div>
 	
 			<c:if test="${finishedButton}">
@@ -103,4 +98,4 @@
 			</c:if>
 		</form:form>
 	</div>
-</lams:PageLearner>
\ No newline at end of file
+</lams:PageLearner>