chore(UX): a few small GUI improvements

1 files changed, 23 insertions, 14 deletions

diff --git a/basicConfig/templates/residency.html b/basicConfig/templates/residency.html
index c94721c0..f8516945 100644
--- a/basicConfig/templates/residency.html
+++ b/basicConfig/templates/residency.html
@@ -43,7 +43,7 @@
             }
             $.ajax({
                 type: "POST",
-                url: [(${wizardEndpoint})],
+                url: "[(${wizardEndpoint})]",
                 data: $("#inputForm").serialize()
             }).done(function (data, textStatus, jqXHR) {
                 if (data["resultCount"] === 1) {
@@ -88,6 +88,7 @@
         }
 
         function clearInput() {
+            $("#inputForm #inputPostleitzahl").val("");
             $("#inputForm #inputMunicipality").val("");
             $("#inputForm #inputVillage").val("");
             $("#inputForm #inputStreet").val("");
@@ -116,11 +117,12 @@
         button {
             padding: 0.5em;
             margin: 0.5em;
-            width: 8em;
+            width: 12em;
         }
 
         .block {
-            width: 100%;
+            width: 80%;
+            justify-content: left;
         }
 
         #tableResult td, #tableResult th {
@@ -205,23 +207,30 @@
                 <button type="button" id="buttonClear" onclick="clearInput()" th:text="#{gui.residency.clear}">
                     Clear
                 </button>
-                <button type="button" id="buttonProceed" th:text="#{gui.residency.proceed}">Proceed</button>
+
+                <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
+                    <button type="submit" id="buttonProceed" value="Proceed" th:text="#{gui.residency.proceed}">Proceed</button>
+                    <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
+                </form>
             </div>
             <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
         </form>
     </div>
 
-    <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
-        <button type="submit" value="Back" th:text="#{gui.residency.back}">Back</button>
-        <input type="hidden" name="noResidence" value="true">
-        <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
-    </form>
+    <div id="backOrReturn" class="block">
+      <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
+          <button type="submit" value="Back" th:text="#{gui.residency.back}">Back</button>
+          <input type="hidden" name="noResidence" value="true">
+          <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
+      </form>
+
+      <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
+          <button type="submit" value="Abbrechen/Cancel" th:text="#{gui.residency.cancel}">Cancel</button>
+          <input type="hidden" name="stopAuthProcess" value="true">
+          <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
+      </form>
 
-    <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
-        <button type="submit" value="Abbrechen/Cancel" th:text="#{gui.residency.cancel}">Cancel</button>
-        <input type="hidden" name="stopAuthProcess" value="true">
-        <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
-    </form>
+    </div>
 
     <div>
         <img id="loading" src="../webcontent/img/ajax-loader.gif"