Removing or changing more govuk styles

app/templates/partials/jobs/status.html

@@ -14,7 +14,7 @@
     <p class="usa-error-message">
         Notify cannot send these messages because you have reached a limit. You can only send {{ current_service.message_limit|format_thousands }} messages per day and {{ 250000|format_thousands }} messages in total.
     </p>
-    <p class="usa-error-message govuk-!-margin-bottom-6">
+    <p class="usa-error-message">
         Upload this spreadsheet again tomorrow or <a class="usa-link" href="https://www.notifications.service.gov.uk/support">contact the Notify.gov team</a> to raise the limit.
     </p>
     {% endif %}

app/templates/partials/templates/guidance-formatting-letters.html

@@ -6,7 +6,7 @@
 </p>
 {{ govukInsetText({
   "text": "# This is a heading",
-  "classes": "govuk-!-margin-top-0 govuk-!-margin-bottom-3"})
+  "classes": ""})
 }}
 <p class="govuk-body">
   To make bullet points, use asterisks:
@@ -15,7 +15,7 @@
   "html": "* point 1<br/>
             * point 2<br/>
             * point 3<br/>",
-  "classes": "govuk-!-margin-top-0 govuk-!-margin-bottom-3"})
+  "classes": ""})
 }}
 <p class="govuk-body">
   To insert a page break, use three asterisks:
@@ -26,5 +26,5 @@
             ***<br/>
             <br/>
             Content on page 2<br/>",
-  "classes": "govuk-!-margin-top-0 govuk-!-margin-bottom-3"})
+  "classes": ""})
 }}

app/templates/partials/templates/guidance-formatting.html

@@ -4,24 +4,24 @@
 <p class="bottom-gutter-1-3">
   To put a title in your template, use a hash:
 </p>
-<div class="govuk-!-margin-bottom-6">
-  {{ govukInsetText({"text": "# This is a title", "classes": "govuk-!-margin-top-0"})}}
+<div>
+  {{ govukInsetText({"text": "# This is a title", "classes": ""})}}
 </div>
 <p class="bottom-gutter-1-3">
   To make bullet points, use asterisks:
 </p>
-<div class="govuk-!-margin-bottom-6">
+<div>
   {{ govukInsetText({
     "html": "* point 1<br/>
              * point 2<br/>
              * point 3<br/>",
-    "classes": "govuk-!-margin-top-0"})
+    "classes": ""})
   }}
 </div>
 <p class="bottom-gutter-1-3">
   To add inset text, use a caret:
 </p>
-<div class="govuk-!-margin-bottom-6">
+<div>
   {{ govukInsetText({"text": "^ You must tell us if your circumstances change", "classes": "govuk-!-margin-top-0"})}}
 </div>
 <p class="bottom-gutter-1-3">
@@ -31,5 +31,5 @@
   "html": '<p class="govuk-body">First paragraph</p>
             <p class="govuk-body" style="letter-spacing: 1px;">---</p>
             <p class="govuk-body">Second paragraph</p>',
-  "classes": "govuk-!-margin-top-0"})
+  "classes": ""})
 }}