small changes

DEFRA · Dec 19, 2024 · 7d87472 · 7d87472
1 parent f9749ff
commit 7d87472
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/packages/gafl-webapp-service/assets/sass/rod-licensing/_general.scss b/packages/gafl-webapp-service/assets/sass/rod-licensing/_general.scss
@@ -100,7 +100,7 @@ div.initially-hidden {
 .payment-summary-wrap {
   position: -webkit-sticky;
   position: sticky;
-  top: 30px;
+  top: 30px; /* Sticky sidebar positioning */
 }
 
 .payment-summary {
@@ -113,3 +113,18 @@ div.initially-hidden {
 .phone-number {
   white-space: nowrap;
 }
+
+@media screen and (max-width: 768px) {
+  .pricing-summary-wrapper {
+      margin-bottom: 20px;
+  }
+
+  .payment-summary-wrap {
+      position: static;
+  }
+
+  .govuk-grid-column-two-thirds form {
+      display: flex;
+      flex-direction: column;
+  }
+}
diff --git a/packages/gafl-webapp-service/src/pages/macros/standard-form.njk b/packages/gafl-webapp-service/src/pages/macros/standard-form.njk
@@ -12,8 +12,7 @@
     <div class="govuk-grid-column-two-thirds">
         {{ errorSummary(error, errorMap, mssgs.there_is_a_problem) }}
         <form method="post" novalidate>
-
-          {% block notificationContent %}{% endblock %}
+            {% block notificationContent %}{% endblock %}
 
             {% call govukFieldset({
               describedBy: describedByTag,
@@ -23,11 +22,13 @@
                 isPageHeading: true
               }
             }) %}
-
                 {% block pageContent %}{% endblock %}
-
             {% endcall %}
 
+            <div class="pricing-summary-wrapper">
+                {% block pricingSummary %}{% endblock %}
+            </div>
+
             {{ govukButton({
                 attributes: { id: 'continue' },
                 preventDoubleClick: true,
@@ -38,6 +39,5 @@
             {{ csrf() }}
         </form>
     </div>
-    {% block pricingSummary %}{% endblock %}
 </div>
 {% endblock %}