Index: lams_monitoring/web/gate/openGateSingleUser.jsp
===================================================================
diff -u -rff491b651076f76b819a2555afd5fb02d61fb0be -rae5e9eacbfbf13097410637b6e8990dfb909177a
--- lams_monitoring/web/gate/openGateSingleUser.jsp	(.../openGateSingleUser.jsp)	(revision ff491b651076f76b819a2555afd5fb02d61fb0be)
+++ lams_monitoring/web/gate/openGateSingleUser.jsp	(.../openGateSingleUser.jsp)	(revision ae5e9eacbfbf13097410637b6e8990dfb909177a)
@@ -1,37 +1,56 @@
+			<style type="text/css">
+				.gateLearners {
+					padding: 5px 0 5px 5px;
+					height: 300px;
+					overflow: auto;
+				}
+				
+				.allowButton {
+					width: 100%;
+				}
+			</style>
+			
 			<hr />
 			<p><fmt:message key="label.gate.open.single.learner"/></p>
-			<html:form action="/gate?method=openGateForSingleUser" onsubmit="return onSubmitForm();" target="_self">
+			<html:form action="/gate?method=openGateForSingleUser" target="_self">
 			<input type="hidden" id="activityId" name="activityId" value="${GateForm.map.activityId}" />
 			<input type="hidden" id="userId" name="userId" />
 			
 			<div class="row">
 				<div class="col-sm-4">
 					  <p class="text-danger text-center"><strong><fmt:message key="label.gate.list.all.learners"/></strong></p>
-						<select class="form-control"  id="forbidden" name="forbidden" size="10">
+						<div class="panel panel-default gateLearners" id="forbidden">
 							<c:forEach var="learner" items="${GateForm.map.forbiddenLearnerList}">
-								<option value="${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></option>
+								<input id="forbidden-${learner.userId}" type="checkbox" value="${learner.userId}" />
+								<label for="forbidden-${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></label>
+								<br />
 							</c:forEach>
-						</select>
-						<br/>
-						<input style="width: 160px" type="submit"  class="btn btn-default btn-xs"  value="<fmt:message key="label.gate.allow"/>" onclick="document.pressed='forbidden'"/>	
+						</div>
+						<input type="submit" class="btn btn-default btn-xs allowButton" 
+							   value="<fmt:message key="label.gate.allow"/>"
+							   onclick="javascript:allowUsers('forbidden')"/>	
 				</div>
 				<div class="col-sm-4">
 						<p class="text-center"><strong><fmt:message key="label.gate.list.waiting.learners"/></strong></p>
-						<select class="form-control"   id="waiting" name="waiting" size="10">
+						<div class="panel panel-default gateLearners" id="waiting">
 							<c:forEach var="learner" items="${GateForm.map.waitingLearnerList}">
-								<option value="${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></option>
+								<input id="waiting-${learner.userId}" type="checkbox" value="${learner.userId}" />
+								<label for="waiting-${learner.userId}"><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></label>
+								<br />
 							</c:forEach>
-						</select>
-						<br/>
-						<input style="width: 160px" type="submit" class="btn btn-default btn-xs"  value="<fmt:message key="label.gate.allow"/>" onclick="document.pressed='waiting'"/>
+						</div>
+						<input type="submit" class="btn btn-default btn-xs allowButton" 
+							   value="<fmt:message key="label.gate.allow"/>"
+							   onclick="javascript:allowUsers('waiting')"/>
 				</div>
 				<div class="col-sm-4">
 							<p class="text-success text-center"><strong><fmt:message key="label.gate.list.allowed.learners"/></strong></p>
-							<select class="form-control"  id="allowed" name="allowed" size="10" disabled="disabled">
-							<c:forEach var="learner" items="${GateForm.map.allowedToPassLearnerList}">
-								<option><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></option>
-							</c:forEach>
-						</select>
+							<div class="panel panel-default gateLearners">
+								<c:forEach var="learner" items="${GateForm.map.allowedToPassLearnerList}">
+									<span><c:out value="${learner.firstName} ${learner.lastName}" escapeXml="true"/></span>
+									<br />
+								</c:forEach>
+							</div>
 				</div>
 			</div>