Changing the govuk grid to USWDS

app/templates/views/support/bat-phone.html

@@ -14,8 +14,8 @@
 {% block maincolumn_content %}
 
     {{ page_header('Out of hours emergencies')}}
-    <div class="govuk-grid-row">
-      <div class="govuk-grid-column-two-thirds">
+    <div class="grid-row">
+      <div class="grid-col-8">
         <p>
           First, check the
           <a class="usa-link" href="https://status.notifications.service.gov.uk">system status page</a>.

app/templates/views/support/form.html

@@ -16,8 +16,8 @@
 {% block maincolumn_content %}
 
     {{ page_header(page_title) }}
-    <div class="govuk-grid-row">
-      <div class="govuk-grid-column-two-thirds">
+    <div class="grid-row">
+      <div class="grid-col-8">
         {% if show_status_page_banner %}
           <div class="panel panel-border-wide">
             <p>

app/templates/views/support/index.html

@@ -28,8 +28,8 @@
     {{ page_footer('Continue') }}
   {% endcall %}
 
-<div class="govuk-grid-row">
-  <div class="govuk-grid-column-two-thirds">
+<div class="grid-row">
+  <div class="grid-col-8">
     <h2 class="font-body-lg">Office hours</h2>
     <p>Our office hours are 9:30am to 5:30pm, Monday to Friday.</p>
     <p>When you report a problem in office hours, we’ll aim to read it within 30 minutes and reply within one working day.</p>

app/templates/views/support/public.html

@@ -13,8 +13,8 @@
 
 {% block maincolumn_content %}
 
-<div class="govuk-grid-row">
-  <div class="govuk-grid-column-two-thirds">
+<div class="grid-row">
+  <div class="grid-col-8">
 
     {{ page_header('The Notify.gov service is for people who work in the government') }}
 

app/templates/views/support/triage.html

@@ -14,8 +14,8 @@
 
 {% block maincolumn_content %}
 
-  <div class="govuk-grid-row">
-    <div class="govuk-grid-column-two-thirds">
+  <div class="grid-row">
+    <div class="grid-col-8">
       {{ page_header(page_title) }}
       {% call form_wrapper() %}
         {{ form.severe }}