fix: restructure xhtml so form element contains all controls

Author: Simon Sendler

module-gui/src/main/webapp/resources/uii/plugin_step_transcription.xhtml

@@ -66,16 +66,17 @@
         <link rel="stylesheet"
             href="plugins/step/intranda_step_transcription/css/style.css"></link>
 
-            <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/reactiveX/rx.lite.min.js"></script>
-            <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/q-promises/q.min.js"></script>
+        <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/reactiveX/rx.lite.min.js"></script>
+        <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/q-promises/q.min.js"></script>
 
-            <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/openseadragon/openseadragon.min.js"></script>
-            <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/openseadragon/openseadragon-viewerinputhook.js"></script>
-            <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/imageView.min.js"></script>
-            <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
-            <script src="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.js"></script>
+        <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/openseadragon/openseadragon.min.js"></script>
+        <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/openseadragon/openseadragon-viewerinputhook.js"></script>
+        <script src="#{HelperForm.applicationWebsiteUrl}/uii/template/js/imageView.min.js"></script>
+        <link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
+        <script src="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.js"></script>
 
 
+        <h:form id="myform">
             <section:section type="neutral">
                 <section:header
                     icon="puzzle-piece"
@@ -134,7 +135,6 @@
                     </section:header-actions>
                 </section:header>
                 <section:body padding="true">
-                    <h:form id="myform">
                     <ui:fragment rendered="#{AktuelleSchritteForm.myPlugin.altoFolderFound}">
                         <div class="row">
                             <div class="col-md-6 col-md-offset-3">
@@ -195,7 +195,6 @@
                             <h:outputText value="#{msgs.noImagesFound}" />
                         </h:panelGroup>
                     </ui:fragment>
-                    </h:form>
                 </section:body>
                 <section:footer>
                     <h:commandLink
@@ -244,6 +243,7 @@
                     </h:commandLink>
                 </section:footer>
             </section:section>
+        </h:form>
 
             <script>
                 let useTilesBool = #{AktuelleSchritteForm.myPlugin.useTiles};