Index: lams_admin/web/integration/servermaintain.jsp
===================================================================
diff -u -r5f9e583fc8e476f6a5f9e1826332ba3788d7c68c -r1e14304ff8caba5d2c4da4245450bd6f470f1c0e
--- lams_admin/web/integration/servermaintain.jsp	(.../servermaintain.jsp)	(revision 5f9e583fc8e476f6a5f9e1826332ba3788d7c68c)
+++ lams_admin/web/integration/servermaintain.jsp	(.../servermaintain.jsp)	(revision 1e14304ff8caba5d2c4da4245450bd6f470f1c0e)
@@ -28,6 +28,7 @@
 			
 			// validate signup form on keyup and submit
 			var validator = $("#extServerForm").validate({
+				errorClass: 'text-danger form-text font-italic',
 				rules: {
 					serverid: "required", 
 					serverkey: "required",
@@ -60,80 +61,82 @@
 	<c:set var="help"><lams:help style="small" page="${help}" /></c:set>
 	<lams:Page type="admin" title="${title}" titleHelpURL="${help}" formID="extServerForm">
 	
-	<p>
-		<a href="<lams:LAMSURL/>admin/sysadminstart.do" class="btn btn-default">
-			<fmt:message key="sysadmin.maintain" />
-		</a>
-		
-		<a href="<lams:LAMSURL/>admin/extserver/serverlist.do" class="btn btn-default">
-			<fmt:message key="sysadmin.maintain.external.servers" />
-		</a>
-	</p>
+		<nav aria-label="breadcrumb" role="navigation">
+		  <ol class="breadcrumb">
+		    <li class="breadcrumb-item">
+		    	<a href="<lams:LAMSURL/>admin/sysadminstart.do"><fmt:message key="sysadmin.maintain" /></a>
+		    </li>
+		    <li class="breadcrumb-item">
+		    	<a href="<lams:LAMSURL/>admin/extserver/serverlist.do"><fmt:message key="sysadmin.maintain.external.servers" /></a>
+		    </li>
+		    <li class="breadcrumb-item active" aria-current="page"><fmt:message key="sysadmin.maintain.server.edit"/></li>
+		  </ol>
+		</nav>
 	
 	<lams:errors/>
     <form:form action="serversave.do" id="extServerForm" modelAttribute="extServerForm" method="post">
 		<input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"/>
 		<form:hidden path="sid" />
 		
 		<div class="form-group">
-		    <label for="serverid"><strong><fmt:message key="sysadmin.serverid" /> *</strong></label>
-		    <form:input path="serverid" size="20" cssClass="form-control"/>
+		    <label for="serverid"><fmt:message key="sysadmin.serverid" /></label>&nbsp;<span class="text-danger">*</span>
+		    <input id="serverid" name="serverid" value="${extServerForm.serverid}" class="form-control form-control-sm" maxlength="20" required/>
+		    <label for="serverkey"><fmt:message key="sysadmin.serverkey" /></label>&nbsp;<span class="text-danger">*</span>
+		    <input id="serverkey" name="serverkey" value="${extServerForm.serverkey} " class="form-control form-control-sm" maxlength="20" required/>
 		</div>
 		<div class="form-group">
-		    <label for="serverkey"><strong><fmt:message key="sysadmin.serverkey" /> *</strong></label>
-		    <form:input path="serverkey" size="30" cssClass="form-control"/>
+		    <label for="servername"><fmt:message key="sysadmin.servername" /></label>&nbsp;<span class="text-danger">*</span>
+		    <input id="servername" name="servername" value="${extServerForm.servername}"  class="form-control form-control-sm" maxlength="20" required/>
+		    <label for="serverdesc"><fmt:message key="sysadmin.serverdesc" /></label>
+		    <form:input path="serverdesc" cols="40" rows="3" cssClass="form-control form-control-sm"/>
 		</div>
 		<div class="form-group">
-		    <label for="servername"><strong><fmt:message key="sysadmin.servername" /> *</strong></label>
-		    <form:input path="servername" size="30" cssClass="form-control"/>
+		    <label for="prefix"><fmt:message key="sysadmin.prefix" /></label>&nbsp;<span class="text-danger">*</span>
+		    <input id="prefix" name="prefix" class="form-control form-control-sm" value="${extServerForm.prefix}" required maxlength="10"/>
 		</div>
 		<div class="form-group">
-		    <label for="serverdesc"><fmt:message key="sysadmin.serverdesc" /></label>
-		    <form:input path="serverdesc" cols="40" rows="3" cssClass="form-control"/>
+			<div class="form-check">
+				<form:checkbox id="disabled" path="disabled" name="disabled" cssClass="form-check-input"/>
+		    	<label class="form-check-label" for="disabled">
+		    		<fmt:message key="sysadmin.disabled" />
+		    	</label>
+		    </div>
+			<div class="form-check">
+			    <form:checkbox path="timeToLiveLoginRequestEnabled" id="ttl-login-request-enabled" cssClass="form-check-input"/>
+			    <label class="form-check-label" for="ttl-login-request-enabled">
+			    	<fmt:message key="sysadmin.login.request.ttl.enable" />
+			    </label>
+			</div>
 		</div>
-		<div class="form-group">
-		    <label for="prefix"><strong><fmt:message key="sysadmin.prefix" /> *</strong></label>
-		  	<form:input path="prefix" size="10" cssClass="form-control"/>
-		</div>
-		<div class="checkbox">
-		    <label>
-		    <form:checkbox path="disabled" /><fmt:message key="sysadmin.disabled" />
-		    </label>
-		</div>
-		<div class="checkbox">
-		    <label>
-		    <form:checkbox path="timeToLiveLoginRequestEnabled" id="ttl-login-request-enabled"/><fmt:message key="sysadmin.login.request.ttl.enable" />
-		    </label>
-		</div>
 		<div class="form-group" <c:if test="${!formBean.map.timeToLiveLoginRequestEnabled}">style="display:none;"</c:if> >
 		    <label for="ttl-login-request"><fmt:message key="sysadmin.login.request.ttl" /></label>
-		    <form:input path="timeToLiveLoginRequest" size="10" id="ttl-login-request" cssClass="form-control"/>
+		    <form:input path="timeToLiveLoginRequest" size="10" id="ttl-login-request" maxlength="120" cssClass="form-control"/>
 		</div>
 		<div class="form-group">
 		    <label for="userinfoUrl"><fmt:message key="sysadmin.userinfoUrl" /></label>
-		    <form:input path="userinfoUrl" size="70" cssClass="form-control"/>
+		    <form:input path="userinfoUrl" size="70" cssClass="form-control form-control-sm"/>
 		</div> 
 		<div class="form-group">
 		    <label for="lessonFinishUrl"><fmt:message key="sysadmin.lessonFinishUrl" /></label>
-		    <form:input path="lessonFinishUrl" size="70" cssClass="form-control"/>
+		    <form:input path="lessonFinishUrl" size="70" cssClass="form-control form-control-sm"/>
 		</div>
 		<div class="form-group">
 		    <label for="extGroupsUrl"><fmt:message key="sysadmin.extGroupsUrl" /></label>
-		    <form:input path="extGroupsUrl" size="70" cssClass="form-control"/>
+		    <form:input path="extGroupsUrl" size="70" cssClass="form-control form-control-sm"/>
 		</div>
 		<div class="form-group">
 		    <label for="logoutUrl"><fmt:message key="sysadmin.logoutUrl" /></label>
-		    <form:input path="logoutUrl" size="70" cssClass="form-control"/>
+		    <form:input path="logoutUrl" size="70" cssClass="form-control form-control-sm"/>
 		</div>
 		
 		<%@ include file="extLessonForm.jsp"%>
-
+		<hr>
 		<div class="pull-right">
-			<input type="reset" class="btn btn-default" value="<fmt:message key="admin.reset" />" />
-			<a href="<lams:LAMSURL/>admin/extserver/serverlist.do" class="btn btn-default"><fmt:message key="admin.cancel"/></a>
-			<input type="submit" name="submitbutton" class="btn btn-primary loffset5" value="<fmt:message key="admin.save" />" />
+			<a href="<lams:LAMSURL/>admin/extserver/serverlist.do" class="btn btn-outline-secondary btn-sm"><fmt:message key="admin.cancel"/></a>
+			<input type="submit" name="submitbutton" class="btn btn-primary btn-sm loffset5" value="<fmt:message key="admin.save" />" />
 		</div>
 	</form:form>
+	
 </lams:Page>
 
 </body>