chore(UX): a few small GUI improvements

1 files changed, 26 insertions, 27 deletions

diff --git a/basicConfig/templates/other_login_method.html b/basicConfig/templates/other_login_method.html
index 9dd00379..2165add2 100644
--- a/basicConfig/templates/other_login_method.html
+++ b/basicConfig/templates/other_login_method.html
@@ -49,19 +49,18 @@
         <h2 th:text="#{gui.countryselection.header3}"> Betrieben durch das Bundesministerium für Inneres </h2>
     </div>
 
-	<div id="matchingError"
-			  th:if="${advancedMatchingFailed != null} and ${advancedMatchingFailed}">
-		<p  th:if="${advancedMatchingFailedReason != null}"
-			th:text="#{${advancedMatchingFailedReason}}">Detailed</p>
-		<p  th:unless="${advancedMatchingFailedReason != null}"
-			th:text="#{module.eidasauth.matching.29}">Generell</p>
-					  
-			  
-			  
+    <div id="matchingError"
+			   th:if="${advancedMatchingFailed != null} and ${advancedMatchingFailed}">
+		      <p   th:if="${advancedMatchingFailedReason != null}"
+			         th:text="#{${advancedMatchingFailedReason}}">Detailed
+          </p>
+		      <p   th:unless="${advancedMatchingFailedReason != null}"
+			         th:text="#{module.eidasauth.matching.29}">Generell
+          </p>
     </div>
 
 
-    <h1 th:text="#{gui.otherlogin.header.selection}"> Select an alternative login method </h1>
+    <h3 th:text="#{gui.otherlogin.header.selection}"> Select an alternative login method </h3>
 
     <div id="otherlogin" class="block">
         <form method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
@@ -72,47 +71,47 @@
             <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" role="button" value="Andere eIDAS ID" 
+            <button type="submit" role="button" value="Andere eIDAS ID"
                     th:text="#{gui.otherlogin.button.eidas}">B
             </button>
             <input type="hidden" name="loginSelection" value="EIDAS_LOGIN">
             <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" role="button" value="Keine weitere HS / eIDAS" 
+            <button type="submit" role="button" value="Keine weitere HS / eIDAS"
             	    th:text="#{gui.otherlogin.button.none}">C
             </button>
             <input type="hidden" name="loginSelection" value="NO_OTHER_LOGIN">
             <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
         </form>
-        
+
         <div  id="insertErnp" class="block"
               th:if="${advancedMatchingFailed != null} and ${advancedMatchingFailed}">
-			
+
           <br>
-			
+
           <p th:text="#{gui.otherlogin.inserternp.infotext}"></p>
-			
+
           <br>
-			
+
         	<form class="block" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
-            	<button type="submit" role="button" value="Keine weitere HS / eIDAS" 
+            	<button type="submit" role="button" value="Keine weitere HS / eIDAS"
             		    th:text="#{gui.otherlogin.button.inserternp}">D
             	</button>
             	<input type="hidden" name="loginSelection" value="ADD_ME_AS_NEW">
             	<input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
         	</form>
         </div>
-        
-    </div>
-
-    <!-- Abbrechen Button -->
-    <form class="block" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
-        <button type="submit" value="Abbrechen/Cancel" th:text="#{gui.otherlogin.cancel}"></button>
-        <input type="hidden" name="stopAuthProcess" value="true">
-        <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
-    </form>
 
+        <div  id="stopMatching" class="block">
+          <!-- Abbrechen Button -->
+          <form class="block" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
+              <button type="submit" value="Abbrechen/Cancel" th:text="#{gui.otherlogin.cancel}"></button>
+              <input type="hidden" name="stopAuthProcess" value="true">
+              <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
+          </form>
+        </div>
+    </div>
 </div>
 <footer>
     <div class="copyright">&copy; BUNDESMINISTERIUM FÜR INNERES</div>