Index: dbLearnStar-webApp/pom.xml
===================================================================
--- dbLearnStar-webApp/pom.xml	(revision e5e7a38817672282900b0e53ea729de9944cf9e0)
+++ dbLearnStar-webApp/pom.xml	(revision 30f0c2ec57a5b87fed9cd410f6d319a80f2733cf)
@@ -14,5 +14,5 @@
 	<groupId>dblearnstar</groupId>
 	<artifactId>dblearnstar</artifactId>
-	<version>0.14.1-SNAPSHOT</version>
+	<version>0.15.0-SNAPSHOT</version>
 	<name>dbLearnStar</name>
 
Index: dbLearnStar-webApp/src/main/java/dblearnstar/webapp/pages/admin/TestAdminPage.java
===================================================================
--- dbLearnStar-webApp/src/main/java/dblearnstar/webapp/pages/admin/TestAdminPage.java	(revision e5e7a38817672282900b0e53ea729de9944cf9e0)
+++ dbLearnStar-webApp/src/main/java/dblearnstar/webapp/pages/admin/TestAdminPage.java	(revision 30f0c2ec57a5b87fed9cd410f6d319a80f2733cf)
@@ -33,4 +33,7 @@
 import org.apache.tapestry5.annotations.Property;
 import org.apache.tapestry5.annotations.SessionState;
+import org.apache.tapestry5.beanmodel.BeanModel;
+import org.apache.tapestry5.beanmodel.services.BeanModelSource;
+import org.apache.tapestry5.commons.Messages;
 import org.apache.tapestry5.corelib.components.Zone;
 import org.apache.tapestry5.hibernate.annotations.CommitAfter;
@@ -93,4 +96,6 @@
 	@InjectComponent
 	private Zone testInstanceZone;
+	@InjectComponent
+	private Zone testTemplateZone;
 
 	@InjectPage
@@ -130,4 +135,6 @@
 	@Property
 	private TestInstance selectedTestInstance;
+	@Property
+	private TestInstance listedTestInstance;
 	@Property
 	private TaskInTestInstance taskInTestInstance;
@@ -159,11 +166,6 @@
 	}
 
-	public Object getModelTestInstances() {
-		return selectModelFactory.create(testManager.getTestInstancesByTestType(testType.getTestTypeId()), "title");
-	}
-
-	public Object onValueChangedFromSelectTestInstance(TestInstance ti) {
-		selectedTestInstance = ti;
-		return testInstanceZone.getBody();
+	public List<TestInstance> getTestInstancesByTestType() {
+		return testManager.getTestInstancesByTestType(testType.getTestTypeId());
 	}
 
@@ -193,10 +195,4 @@
 		editedTestInstanceParameters = null;
 		ajaxResponseRenderer.addRender(testInstanceEditZone);
-	}
-
-	void onActionFromAddTask(TestInstance testInstance) {
-		editedTaskInTestInstance = new TaskInTestInstance();
-		editedTaskInTestInstance.setTestInstance(testInstance);
-		isNewTaskInTestInstance = true;
 	}
 
@@ -362,5 +358,5 @@
 
 		editedTask = null;
-		ajaxResponseRenderer.addRender(testInstanceZone);
+		//ajaxResponseRenderer.addRender(testInstanceZone);
 	}
 
@@ -375,4 +371,5 @@
 		editedTestTemplate = new TestTemplate();
 		editedTestTemplate.setTestType(testType);
+		ajaxResponseRenderer.addRender(testTemplateZone);
 	}
 
@@ -381,4 +378,10 @@
 		genericService.saveOrUpdate(editedTestTemplate);
 		editedTestTemplate = null;
+		ajaxResponseRenderer.addRender(testTemplateZone);
+	}
+
+	void onCancelFrmTestTemplate() {
+		editedTestTemplate = null;
+		ajaxResponseRenderer.addRender(testTemplateZone);
 	}
 
@@ -398,3 +401,24 @@
 	}
 
+	@Inject
+	private BeanModelSource beanModelSource;
+	@Inject
+	private Messages messages;
+	@Property
+	@Persist
+	private BeanModel<TestTemplate> modelTestTemplate;
+
+	void setupRender() {
+		modelTestTemplate = beanModelSource.createEditModel(TestTemplate.class, messages);
+		modelTestTemplate.add("model");
+		modelTestTemplate.exclude("testTemplateId");
+	}
+
+	void onShowTestInstance(TestInstance ti) {
+		selectedTestInstance = ti;
+	}
+
+	void onHideTestInstance() {
+		selectedTestInstance = null;
+	}
 }
Index: dbLearnStar-webApp/src/main/java/dblearnstar/webapp/services/TestManagerImpl.java
===================================================================
--- dbLearnStar-webApp/src/main/java/dblearnstar/webapp/services/TestManagerImpl.java	(revision e5e7a38817672282900b0e53ea729de9944cf9e0)
+++ dbLearnStar-webApp/src/main/java/dblearnstar/webapp/services/TestManagerImpl.java	(revision 30f0c2ec57a5b87fed9cd410f6d319a80f2733cf)
@@ -474,5 +474,9 @@
 	public List<TestInstance> getTestInstancesByTestType(long testTypeId) {
 		javax.persistence.Query query = getEntityManager().createQuery(
-				"from TestInstance t where t.testTemplate.testType.testTypeId = :testTypeId order by t.title desc")
+				"""
+				from TestInstance t 
+				where t.testTemplate.testType.testTypeId = :testTypeId 
+				order by t.title desc
+				""")
 				.setParameter("testTypeId", testTypeId);
 		return UsefulMethods.castList(TestInstance.class, query.getResultList());
Index: dbLearnStar-webApp/src/main/resources/META-INF/assets/site-overrides.css
===================================================================
--- dbLearnStar-webApp/src/main/resources/META-INF/assets/site-overrides.css	(revision e5e7a38817672282900b0e53ea729de9944cf9e0)
+++ dbLearnStar-webApp/src/main/resources/META-INF/assets/site-overrides.css	(revision 30f0c2ec57a5b87fed9cd410f6d319a80f2733cf)
@@ -171,4 +171,5 @@
 .datefield-popup {
 	background: white;
+	color:black !important;
 	padding: 0.5em;
 	border-radius: 6px;
@@ -183,4 +184,12 @@
 .glyphicon-calendar::before {
 	content: "📅";
+}
+
+.datePicker .glyphicon-chevron-left::before {
+	content: "<";
+}
+
+.datePicker .glyphicon-chevron-right::before {
+	content: ">";
 }
 
Index: dbLearnStar-webApp/src/main/resources/dblearnstar/webapp/pages/admin/TestAdminPage.tml
===================================================================
--- dbLearnStar-webApp/src/main/resources/dblearnstar/webapp/pages/admin/TestAdminPage.tml	(revision e5e7a38817672282900b0e53ea729de9944cf9e0)
+++ dbLearnStar-webApp/src/main/resources/dblearnstar/webapp/pages/admin/TestAdminPage.tml	(revision 30f0c2ec57a5b87fed9cd410f6d319a80f2733cf)
@@ -20,221 +20,231 @@
 		<h2>${message:testInstance-label}</h2>
 
-		<p>
-			<a href="" class="btn btn-warning" t:type="actionlink"
-				t:context="testType" t:id="newTestInstance"><svg
-					t:type="svgicon" t:path="plus" />
-				${message:symbol-createObjectAndAddToList}</a>
-		</p>
-
-		<form t:type="form" t:id="chooserFormTestInstance">
-			<div class="form-group">
-				<select t:type="select" id="selectTestInstance"
-					t:id="selectTestInstance" t:model="modelTestInstances"
-					t:value="selectedTestInstance" class="form-control"
-					t:zone="testInstanceZone"></select>
-			</div>
-		</form>
-
 		<div t:id="testInstanceZone" id="testInstanceZone" t:type="zone">
-			<div t:type="if" t:test="selectedTestInstance">
-				<div class="row">
-					<div class="col-3">
-						<p>
-							<a href="" class="btn btn-sm btn-primary" t:type="actionlink"
-								t:context="selectedTestInstance" t:id="editTestInstance"><svg
-									t:type="svgicon" t:path="edit" /> ${message:symbol-edit}</a> <a
-								href="" class="btn btn-sm btn-danger" t:type="actionlink"
-								t:context="selectedTestInstance" t:id="deleteTestInstance"><svg
-									t:type="svgicon" t:path="trash" />
-								${message:symbol-removeObjectFromList}</a> <a href=""
-								class="btn btn-sm btn-secondary" t:type="actionlink"
-								t:context="selectedTestInstance" t:id="duplicateTestInstance"><svg
-									t:type="svgicon" t:path="copy" /> ${message:symbol-duplicate}</a>
-						</p>
-						<div class="row pb-3">
-							<div class="col-3">${message:scheduledFor-label}:</div>
-							<div class="col-9 bg-light">${selectedTestInstance.scheduledFor}</div>
-							<div class="col-3">${message:scheduledUntil-label}:</div>
-							<div class="col-9 bg-light">${selectedTestInstance.scheduledUntil}</div>
-						</div>
-						<p t:type="outputraw" t:value="selectedTestInstance.description">Test
-							Instance Description PLACEHOLDER</p>
-						<p>
-							<img src="${selectedTestInstance.testTemplate.model.diagramUrl}"
-								style="width: 100%; max-width: 30em; max-height: 15em;" />
-						</p>
+			<div t:type="if" t:test="selectedTestInstance" class="card bg-light">
+				<p:then>
+					<div class="card-header">
+						<a t:type="eventlink" class="float-right" t:id="hideTestInstance">${message:hide-label}</a>
+						<h3>${selectedTestInstance.title}</h3>
 					</div>
-
-					<div class="col-9">
-						<table class="table table-sm table-bordered table-striped">
-							<thead class="thead-dark">
-								<tr class="d-flex">
-									<th class="col-2">${message:task-label}</th>
-									<th class="col">${message:task-short-description-label}</th>
-								</tr>
-							</thead>
-							<tbody>
-								<tr class="d-flex" t:type="loop" t:source="taskInTestInstances"
-									t:value="taskInTestInstance">
-									<td class="col-2">
-										<p>${taskInTestInstance.task.title}</p>
-										<p class="maxpoints">${message:task-points-label}:
-											${taskInTestInstance.points}</p> <a href=""
-										class="btn btn-sm btn-secondary col-12" t:type="actionlink"
-										t:context="taskInTestInstance.task"
-										title="message:symbol-edit" t:id="editTask"><svg
-												t:type="svgicon" t:path="edit" /> ${message:symbol-edit}
-											${message:task-label}</a><br /> <a href=""
-										class="btn btn-sm btn-info col-12" t:type="actionlink"
-										t:context="taskInTestInstance" title="message:symbol-edit"
-										t:id="editTaskInTestInstance"><svg t:type="svgicon"
-												t:path="edit" /> ${message:symbol-edit}
-											${message:taskInTestInstance-label}</a> <br />
-									<a href="" class="btn btn-sm btn-danger col-12"
-										t:type="actionlink" t:context="taskInTestInstance"
-										title="message:symbol-removeObjectFromList"
-										t:id="deleteTaskFromTestInstance"><svg t:type="svgicon"
-												t:path="trash" /> ${message:symbol-removeObjectFromList}
-											${message:taskInTestInstance-label}</a>
-									</td>
-									<td class="col">
-										<p t:type="outputraw"
-											t:value="taskInTestInstance.task.description">Task
-											description placeholder</p>
-									</td>
-								</tr>
-							</tbody>
-						</table>
+					<div class="card-body row">
+						<div class="col-3">
+							<p>
+								<a href="" class="btn btn-sm btn-primary" t:type="actionlink"
+									t:context="selectedTestInstance" t:id="editTestInstance"><svg
+										t:type="svgicon" t:path="edit" /> ${message:symbol-edit}</a> <a
+									href="" class="btn btn-sm btn-danger" t:type="actionlink"
+									t:context="selectedTestInstance" t:id="deleteTestInstance"><svg
+										t:type="svgicon" t:path="trash" />
+									${message:symbol-removeObjectFromList}</a> <a href=""
+									class="btn btn-sm btn-secondary" t:type="actionlink"
+									t:context="selectedTestInstance" t:id="duplicateTestInstance"><svg
+										t:type="svgicon" t:path="copy" /> ${message:symbol-duplicate}</a>
+							</p>
+							<div class="row pb-3">
+								<div class="col-3">${message:scheduledFor-label}:</div>
+								<div class="col-9 bg-light">${selectedTestInstance.scheduledFor}</div>
+								<div class="col-3">${message:scheduledUntil-label}:</div>
+								<div class="col-9 bg-light">${selectedTestInstance.scheduledUntil}</div>
+							</div>
+							<p t:type="outputraw" t:value="selectedTestInstance.description">Test
+								Instance Description PLACEHOLDER</p>
+							<p>
+								<img src="${selectedTestInstance.testTemplate.model.diagramUrl}"
+									style="width: 100%; max-width: 30em; max-height: 15em;" />
+							</p>
+						</div>
+
+						<div class="col-9">
+							<table class="table table-sm table-bordered table-striped">
+								<thead class="thead-dark">
+									<tr class="d-flex">
+										<th class="col-2">${message:task-label}</th>
+										<th class="col">${message:task-short-description-label}</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr class="d-flex" t:type="loop" t:source="taskInTestInstances"
+										t:value="taskInTestInstance">
+										<td class="col-2">
+											<p>${taskInTestInstance.task.title}</p>
+											<p class="maxpoints">${message:task-points-label}:
+												${taskInTestInstance.points}</p> <a href=""
+											class="btn btn-sm btn-secondary col-12" t:type="actionlink"
+											t:context="taskInTestInstance.task"
+											title="message:symbol-edit" t:id="editTask"><svg
+													t:type="svgicon" t:path="edit" /> ${message:symbol-edit}
+												${message:task-label}</a><br /> <a href=""
+											class="btn btn-sm btn-info col-12" t:type="actionlink"
+											t:context="taskInTestInstance" title="message:symbol-edit"
+											t:id="editTaskInTestInstance"><svg t:type="svgicon"
+													t:path="edit" />
+												${message:editPointsInTaskInTestInstance-label}</a> <br /> <a
+											href="" class="btn btn-sm btn-danger col-12"
+											t:type="actionlink" t:context="taskInTestInstance"
+											title="message:symbol-removeObjectFromList"
+											t:id="deleteTaskFromTestInstance"><svg t:type="svgicon"
+													t:path="trash" /> ${message:symbol-removeObjectFromList}
+												${message:taskInTestInstance-label}</a>
+										</td>
+										<td class="col">
+											<p t:type="outputraw"
+												t:value="taskInTestInstance.task.description">Task
+												description placeholder</p>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+							<a href="" class="btn btn-warning" t:type="actionlink"
+								t:context="selectedTestInstance" t:id="newTask">${message:symbol-createObjectAndAddToList}</a>
+						</div>
+					</div>
+				</p:then>
+				<p:else>
+					<p>
 						<a href="" class="btn btn-warning" t:type="actionlink"
-							t:context="selectedTestInstance" t:id="newTask">${message:symbol-createObjectAndAddToList}</a>
-						<a href="" class="btn btn-primary" t:type="actionlink"
-							t:context="selectedTestInstance" t:id="addTask">${message:symbol-addObjectToList}</a>
+							t:context="testType" t:id="newTestInstance" t:async="true"><svg
+								t:type="svgicon" t:path="plus" />
+							${message:symbol-createObjectAndAddToList}</a>
+					</p>
+					<table t:type="grid" t:source="testInstancesByTestType"
+						t:row="listedTestInstance" t:exclude="testInstanceId"
+						t:reorder="ordering,title,description" t:add="actions">
+						<p:actionsCell>
+							<a t:id="showTestInstance" t:type="eventlink"
+								t:context="listedTestInstance" class="btn btn-sm btn-primary">${message:show-label}</a>
+						</p:actionsCell>
+					</table>
+				</p:else>
+			</div>
+		</div>
+
+	</div>
+</div>
+
+<div t:id="testInstanceEditZone" id="testInstanceEditZone" t:type="zone"
+	style="background-color: yellow;">
+
+	<div t:type="if" t:test="editedTestInstance">
+		<div t:type="modalbox" t:additionalClassDialog="modal-xl">
+			<h3 class="mt-0">${message:testInstance-label}</h3>
+
+			<div t:id="testTemplateZone" id="testTemplateZone" t:type="zone">
+				<div t:type="if" t:test="editedTestTemplate" class="card">
+					<div class="card-header">
+						<b>${message:TestTemplate-label}</b>
+					</div>
+					<div class="card-body bg-light">
+						<form t:id="frmTestTemplate" t:type="form"
+							class="form form-vertical" t:async="true">
+							<t:beaneditor t:object="editedTestTemplate" t:add="testModel"
+								t:exclude="testTemplateId">
+								<p:testModel>
+									<div class="form-group">
+										<t:label for="selectModel"></t:label>
+										<select t:type="select" t:id="selectModel" t:model="allModels"
+											t:value="editedTestTemplate.model" t:blankOption="NEVER"></select>
+									</div>
+								</p:testModel>
+							</t:beaneditor>
+							<t:submit t:value="message:save-label" t:async="true" />
+							<a href="" t:type="eventlink" t:id="cancelFrmTestTemplate"
+								t:async="true" class="btn btn-secondary">${message:cancel-label}</a>
+						</form>
 					</div>
 				</div>
+
+				<form t:type="beaneditform" t:id="frmTestInstance"
+					class="form-horizontal mt-3 mb-3" t:exclude="testInstanceId"
+					t:submitlabel="message:save-label" t:add="testTemplate"
+					t:reorder="title,ordering,testTemplate,openToAllStudents,openForReviewByStudents,scheduledFor,scheduledUntil,description"
+					t:object="editedTestInstance">
+					frmTestInstance PLACEHOLDER
+					<p:testTemplate>
+						<div class="form-row">
+							<div class="form-group col-10">
+								<label t:type="label" for="testTemplates"></label> <select
+									t:type="select" t:id="testTemplates" t:model="testTemplates"
+									t:value="editedTestInstance.testTemplate"></select>
+							</div>
+							<div class="form-group col-2">
+								<label class="form-check-label"></label>
+								<div>
+									<a t:id="NewTestTemplate" href="" t:type="actionlink"
+										t:context="testType" t:async="true"
+										class="btn btn-primary col-12"><svg t:type="svgicon"
+											t:path="plus" /> ${message:testTemplate-label}</a>
+								</div>
+							</div>
+						</div>
+						<hr />
+					</p:testTemplate>
+					<p:title>
+						<div class="form-row">
+							<div class="form-group col-10">
+								<label t:type="label" t:for="title"></label> <input
+									t:type="textfield" t:id="title"
+									t:value="editedTestInstance.title"></input>
+							</div>
+							<div class="form-group col-2">
+								<label t:type="label" t:for="ordering"></label> <input
+									t:type="textfield" t:id="ordering"
+									t:value="editedTestInstance.ordering"></input>
+							</div>
+						</div>
+					</p:title>
+					<p:ordering>
+					</p:ordering>
+					<p:scheduledFor>
+						<div class="form-row">
+							<div class="form-group col-3">
+								<label t:type="label" t:for="scheduledFor"></label> <input
+									t:type="datefield" t:id="scheduledFor"
+									t:value="editedTestInstance.scheduledFor"
+									t:format="yyyy-MM-dd HH:mm"></input>
+							</div>
+							<div class="form-group col-3">
+								<label t:type="label" t:for="scheduledUntil"></label> <input
+									t:type="datefield" t:id="scheduledUntil"
+									t:value="editedTestInstance.scheduledUntil"
+									t:format="yyyy-MM-dd HH:mm"></input>
+							</div>
+						</div>
+					</p:scheduledFor>
+					<p:scheduledUntil>
+					</p:scheduledUntil>
+					<p:description>
+						<div class="form-row">
+							<div class="form-group col-12">
+								<label t:type="label" t:for="instanceDescription"></label>
+								<textarea class="descriptionEditor" t:type="textarea"
+									id="instanceDescription" t:id="instanceDescription"
+									t:value="editedTestInstance.description" t:mixins="WebEditor"
+									t:WebEditor.areaType="CKADMIN" />
+							</div>
+						</div>
+					</p:description>
+				</form>
+				<a t:type="actionlink" data-bs-dismiss="modal"
+					t:id="cancelFrmTestInstance" class="btn btn-secondary">${message:cancel-label}</a>
+			</div>
+
+			<hr />
+
+			<div t:type="if" t:test="editedTestInstanceParameters">
+				<h4>${message:TestInstanceParameters-label}</h4>
+				<form t:type="beaneditform" t:id="frmTestInstanceParameters"
+					t:exclude="testInstanceParametersId"
+					t:submitlabel="message:save-label"
+					t:object="editedTestInstanceParameters">frmTestInstanceParameters
+					PLACEHOLDER</form>
+
+				<p:else>${message:testinstanceparameters-empty-message}</p:else>
 			</div>
 		</div>
-
 	</div>
 </div>
 
-<div style="background-color: yellow;" t:id="testInstanceEditZone"
-	id="testInstanceEditZone" t:type="zone">
-
-	<div t:type="if" t:test="editedTestInstance" class="popupZone">
-
-		<div class="row">
-			<div class="col-10">
-				<h3 class="mt-0">${message:editTestInstance-label}</h3>
-			</div>
-			<div class="col-2">
-				<a class="close" aria-label="Close" href=""
-					t:id="cancelFrmTestInstance" t:type="actionlink"><span
-					aria-hidden="true">&times;</span> ${message:cancel-label}</a>
-			</div>
-		</div>
-
-		<div t:type="if" t:test="editedTestTemplate">
-			<p:then>
-				<form t:type="beaneditform" t:id="frmTestTemplate"
-					t:exclude="testTemplateId" t:submitlabel="message:save-label"
-					t:object="editedTestTemplate" t:add="testModel">
-					frmTestTemplate PLACEHOLDER
-					<p:testModel>
-						<t:label for="testmodel"></t:label>
-						<select t:type="select" t:id="testmodel" t:model="allModels"
-							t:value="editedTestTemplate.model" t:blankOption="NEVER"></select>
-					</p:testModel>
-				</form>
-			</p:then>
-			<p:else>${message:testinstanceparameters-empty-message}</p:else>
-		</div>
-
-		<form t:type="beaneditform" t:id="frmTestInstance"
-			class="form-horizontal mt-3 mb-3" t:exclude="testInstanceId"
-			t:submitlabel="message:save-label" t:add="testTemplate"
-			t:reorder="testTemplate, title,ordering,openToAllStudents,openForReviewByStudents,scheduledFor,scheduledUntil,description"
-			t:object="editedTestInstance">
-			frmTestInstance PLACEHOLDER
-			<p:testTemplate>
-				<div class="form-row">
-					<div class="form-group col-10">
-						<label t:type="label" for="testTemplates"></label> <select
-							t:type="select" t:id="testTemplates" t:model="testTemplates"
-							t:value="editedTestInstance.testTemplate"></select>
-					</div>
-					<div class="form-group col-2 align-bottom">
-						<label>&nbsp;</label> <a t:id="NewTestTemplate" href=""
-							t:type="actionlink" t:context="testType"
-							class="col-12 btn btn-primary"><svg t:type="svgicon"
-								t:path="plus" /> ${message:testTemplate-label}</a>
-					</div>
-				</div>
-				<hr />
-			</p:testTemplate>
-			<p:title>
-				<div class="form-row">
-					<div class="form-group col-10">
-						<label t:type="label" t:for="title"></label> <input
-							t:type="textfield" t:id="title"
-							t:value="editedTestInstance.title"></input>
-					</div>
-					<div class="form-group col-2">
-						<label t:type="label" t:for="ordering"></label> <input
-							t:type="textfield" t:id="ordering"
-							t:value="editedTestInstance.ordering"></input>
-					</div>
-				</div>
-			</p:title>
-			<p:ordering>
-			</p:ordering>
-			<p:scheduledFor>
-				<div class="form-row">
-					<div class="form-group col-3">
-						<label t:type="label" t:for="scheduledFor"></label> <input
-							t:type="datefield" t:id="scheduledFor"
-							t:value="editedTestInstance.scheduledFor"
-							t:format="yyyy-MM-dd HH:mm"></input>
-					</div>
-					<div class="form-group col-3">
-						<label t:type="label" t:for="scheduledUntil"></label> <input
-							t:type="datefield" t:id="scheduledUntil"
-							t:value="editedTestInstance.scheduledUntil"
-							t:format="yyyy-MM-dd HH:mm"></input>
-					</div>
-				</div>
-			</p:scheduledFor>
-			<p:scheduledUntil>
-			</p:scheduledUntil>
-			<p:description>
-				<div class="form-row">
-					<div class="form-group col-12">
-						<label t:type="label" t:for="instanceDescription"></label>
-						<textarea class="descriptionEditor" t:type="textarea"
-							id="instanceDescription" t:id="instanceDescription"
-							t:value="editedTestInstance.description" t:mixins="WebEditor"
-							t:WebEditor.areaType="CKADMIN" />
-					</div>
-				</div>
-			</p:description>
-		</form>
-
-		<hr />
-
-		<div t:type="if" t:test="editedTestInstanceParameters">
-			<h4>${message:TestInstanceParameters-label}</h4>
-			<form t:type="beaneditform" t:id="frmTestInstanceParameters"
-				t:exclude="testInstanceParametersId"
-				t:submitlabel="message:save-label"
-				t:object="editedTestInstanceParameters">frmTestInstanceParameters
-				PLACEHOLDER</form>
-
-			<p:else>${message:testinstanceparameters-empty-message}</p:else>
-		</div>
-
-	</div>
-</div>
-
-<div style="background-color: Lime" t:id="taskInTestInstanceEditZone"
-	id="taskInTestInstanceEditZone" t:type="zone">
+<div t:id="taskInTestInstanceEditZone" id="taskInTestInstanceEditZone"
+	t:type="zone" style="background-color: Lime">
 	<div t:type="if" t:test="editedTaskInTestInstance" class="popupZone">
 		<div class="row">
@@ -250,5 +260,5 @@
 		<form t:type="beaneditform" t:id="frmTaskInTestInstance"
 			t:exclude="taskInTestInstanceId" t:submitlabel="message:save-label"
-			t:add="testTemplate" t:object="editedTaskInTestInstance">
+			t:object="editedTaskInTestInstance">
 			frmTaskInTestInstance PLACEHOLDER
 			<p:testTemplate>
@@ -267,40 +277,40 @@
 </div>
 
-<div style="background-color: yellow;" id="taskZone" t:id="taskZone"
-	t:type="zone">
-	<div t:type="if" t:test="editedTask" class="popupZone">
-		<div class="row">
-			<div class="col-lg-10">
-				<h3 style="margin-top: 0;">${message:edit-task-label}</h3>
-			</div>
-			<div class="col-lg-2">
-				<a class="close" aria-label="Close" href="" t:id="cancelFrmTask"
-					t:type="actionlink"><span aria-hidden="true">&times;</span>
-					${message:cancel-label}</a>
-			</div>
+<div t:id="taskZone" id="taskZone" t:type="zone"
+	style="background-color: yellow;">
+	<div t:type="if" t:test="editedTask">
+		<div t:type="modalbox" t:additionalClassDialog="modal-xl">
+			<div class="row">
+				<div class="col-lg-10">
+					<h3 style="margin-top: 0;">${message:edit-task-label}</h3>
+				</div>
+				<div class="col-lg-2 text-right"></div>
+			</div>
+
+			<form t:type="beaneditform" t:id="frmTask" t:exclude="taskId"
+				t:submitlabel="message:save-label" t:object="editedTask"
+				t:add="taskModel,taskType">
+				frmTask PLACEHOLDER
+				<p:taskModel>
+					<t:label for="model"></t:label>
+					<select t:type="select" t:id="model" t:model="allModels"
+						t:value="editedTask.model" blankOption="NEVER"></select>
+				</p:taskModel>
+				<p:taskType>
+					<t:label for="taskType"></t:label>
+					<select t:type="select" t:id="taskType" t:model="allTaskTypes"
+						t:value="chosentaskType" blankOption="NEVER"></select>
+				</p:taskType>
+				<p:description>
+					<t:label for="taskDescription"></t:label>
+					<textarea class="descriptionEditor" t:type="textarea"
+						id="taskDescription" t:id="taskDescription"
+						t:value="editedTask.description" t:mixins="WebEditor"
+						t:WebEditor.areaType="CKADMIN" />
+				</p:description>
+			</form>
+			<a t:type="actionlink" t:id="cancelFrmTask" data-bs-dismiss="modal"
+				class="btn btn-secondary">${message:cancel-label}</a>
 		</div>
-
-		<form t:type="beaneditform" t:id="frmTask" t:exclude="taskId"
-			t:submitlabel="message:save-label" t:object="editedTask"
-			t:add="taskModel,taskType">
-			frmTask PLACEHOLDER
-			<p:taskModel>
-				<t:label for="model"></t:label>
-				<select t:type="select" t:id="model" t:model="allModels"
-					t:value="editedTask.model" blankOption="NEVER"></select>
-			</p:taskModel>
-			<p:taskType>
-				<t:label for="taskType"></t:label>
-				<select t:type="select" t:id="taskType" t:model="allTaskTypes"
-					t:value="chosentaskType" blankOption="NEVER"></select>
-			</p:taskType>
-			<p:description>
-				<t:label for="taskDescription"></t:label>
-				<textarea class="descriptionEditor" t:type="textarea"
-					id="taskDescription" t:id="taskDescription"
-					t:value="editedTask.description" t:mixins="WebEditor"
-					t:WebEditor.areaType="CKADMIN" />
-			</p:description>
-		</form>
 	</div>
 </div>
Index: dbLearnStar-webApp/src/main/webapp/WEB-INF/app.properties
===================================================================
--- dbLearnStar-webApp/src/main/webapp/WEB-INF/app.properties	(revision e5e7a38817672282900b0e53ea729de9944cf9e0)
+++ dbLearnStar-webApp/src/main/webapp/WEB-INF/app.properties	(revision 30f0c2ec57a5b87fed9cd410f6d319a80f2733cf)
@@ -66,4 +66,5 @@
 edit-task-label=Edit task
 editTestInstance-label=Edit a test instance
+editPointsInTaskInTestInstance-label=Edit points
 errorMessages-label=Error messages
 error-unknown-user=The system is only available for registered students of selected courses. Contact your teacher or instructor to gain access to the system\t.
@@ -147,4 +148,6 @@
 RunOnlyPlan-label=Execution plan
 save-label=Save
+show-label=Open
+hide-label=Close
 scheduledFor-label=Start
 scheduledUntil-label=End
@@ -196,4 +199,5 @@
 test-label=Test
 TestTemplate-label=Test template
+TestTemplates-label=Test templates
 testType-label=Test type
 toggleNavigation-label=Toggle navigation
Index: dbLearnStar-webApp/src/main/webapp/WEB-INF/app_mk.properties
===================================================================
--- dbLearnStar-webApp/src/main/webapp/WEB-INF/app_mk.properties	(revision e5e7a38817672282900b0e53ea729de9944cf9e0)
+++ dbLearnStar-webApp/src/main/webapp/WEB-INF/app_mk.properties	(revision 30f0c2ec57a5b87fed9cd410f6d319a80f2733cf)
@@ -66,4 +66,5 @@
 edit-task-label=Измени ја задачата
 editTestInstance-label=Измени на тест инстанца
+editPointsInTaskInTestInstance-label=Измени поени
 errorMessages-label=Настана грешка
 error-unknown-user=Системот е достапен само за регистрирани студенти на одреден курс. Контактирајте го задолжениот наставник на курсот за кој сакате да добиете пристап.
@@ -148,4 +149,6 @@
 RunOnlyPlan-label=План на извршување
 save-label=Зачувај
+show-label=Отвори
+hide-label=Затвори
 scheduledFor-label=Почеток
 scheduledUntil-label=Крај
@@ -198,4 +201,5 @@
 test-label=Тест
 TestTemplate-label=Тест шаблон
+TestTemplates-label=Тест шаблони
 testType-label=Тип тест
 title-label=Назив
