Move "Built by" link in footer to separate line

We want our footer to look more like the footer from GOV.UK and GOV.UK Deisgn System, so we can swap the components on an app by app basis in the future. This commit moves the text "Built by GDS" to a separate line, similar to how it is styled in alphagov/digitalmarketplace-govuk-frontend.
Crown-Commercial-Service · Dec 12, 2019 · 30668d8 · 30668d8
1 parent dfcb0b2
commit 30668d8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/toolkit/scss/_footer.scss b/toolkit/scss/_footer.scss
@@ -85,6 +85,11 @@
        chrome is breaking this layout when font-size-adjust is set */
     font-size-adjust: none;
 
+    p {
+      @include core-16;
+      margin: 0 0 20px 0;
+    }
+
     .terms-and-conditions {
       display: block;
       @include core-16;

diff --git a/toolkit/templates/layouts/_footer_support_links.html b/toolkit/templates/layouts/_footer_support_links.html
@@ -6,5 +6,8 @@ <h2 class="visuallyhidden">
   <li><a href="/terms-and-conditions" class="terms-and-conditions">Terms and conditions</a></li>
   <li><a href="/cookies">Cookies</a></li>
   <li><a href="/privacy-notice">Privacy notice</a></li>
-  <li>Built by the <a href="https://www.gov.uk/government/organisations/government-digital-service">Government Digital Service</a></li>
 </ul>
+
+<p>
+  Built by the <a href="https://www.gov.uk/government/organisations/government-digital-service">Government Digital Service</a>
+</p>