Merge pull request #160 from ukhsa-collaboration/march_2024

fixing issue with checkbox on summary screen
ukhsa-collaboration · Mar 6, 2024 · 24c937e · 24c937e
2 parents 32efae4 + becf916
commit 24c937e
Showing 1 changed file with 18 additions and 14 deletions.
diff --git a/runner/src/server/views/summary.html b/runner/src/server/views/summary.html
@@ -11,7 +11,8 @@
           <h2 class="govuk-error-summary__title">There is a problem</h2>
           <div class="govuk-error-summary__body">
             <label id="form-error" class="govuk-error-message">
-              <span class="govuk-visually-hidden">Error:</span> Please complete all required questions
+              <span class="govuk-visually-hidden">Error:</span> Please complete
+              all required questions
             </label>
             <!-- <ul class="govuk-list govuk-error-summary__list" style="padding: 0">
               {% for error in errors %}
@@ -66,7 +67,7 @@ <h2 class="govuk-heading-m">Fees</h2>
         <h2 class="govuk-heading-m" id="declaration">Declaration</h2>
         {{ declaration | safe }}
         <div
-          class="govuk-form-group {{ 'govuk-form-group--error' if declarationError }}"
+          class="govuk-grid-column-two-thirds {{ 'govuk-form-group--error' if declarationError }}"
         >
           {% if declarationError %}
           <span id="nationality-error" class="govuk-error-message">
@@ -100,29 +101,32 @@ <h2 class="govuk-heading-m" id="declaration">Declaration</h2>
         </div>
         {% endif %}
 
-        <div class="govuk-button-group">
-          {% if result.error %}
-          {% endif %}
+        <div class="govuk-grid-column-two-thirds">
+          {% if result.error %} {% endif %}
           <button
             data-prevent-double-click="true"
-            {% if result.error %}
-              disabled
-            {% endif %}
+            {%
+            if
+            result.error
+            %}
+            disabled
+            {%
+            endif
+            %}
             class="govuk-button"
             data-module="govuk-button"
           >
-            {% if fees and fees.details|length %} Submit and pay {% else %} Submit
-            {% endif %}
+            {% if fees and fees.details|length %} Submit and pay {% else %}
+            Submit {% endif %}
           </button>
 
           {% if result.error %}
           <label id="form-error" class="govuk-error-message">
-            <span class="govuk-visually-hidden">Error:</span> You must enter all required questions before submitting.
+            <span class="govuk-visually-hidden">Error:</span> You must enter all
+            required questions before submitting.
           </label>
           {% endif %}
         </div>
-
-
 
         <!-- Handle greying out of the button and preventing further clicks -->
         <script>
@@ -133,7 +137,7 @@ <h2 class="govuk-heading-m" id="declaration">Declaration</h2>
               this.style.opacity = "0.5";
               this.style.cursor = "not-allowed";
               this.innerHTML = "Submitting...";
-          
+
               // Prevent further clicks
               this.addEventListener(
                 "click",