- Changing things back to govukFieldset

- Added the usaAlert component
- Edited styles because stripping out UK styles broke the highlighting section

app/templates/views/edit-sms-template.html

@@ -4,6 +4,7 @@
 {% from "components/page-footer.html" import page_footer %}
 {% from "components/form.html" import form_wrapper %}
 {% from "components/components/back-link/macro.njk" import usaBackLink %}
+{% from "components/components/alert/macro.njk" import usaAlert %}
 
 {% block service_page_title %}
   {{ heading_action }} text message template
@@ -19,13 +20,11 @@
 
     {{ page_header('{} text message template'.format(heading_action)) }}
 
-    <div class="usa-alert usa-alert--info usa-alert--slim">
-      <div class="usa-alert__body">
-        <p class="usa-alert__text">
-          Don't worry, saving the template will not send        
-        </p>
-      </div>
-    </div>
+    {{ usaAlert({
+      "type": "info",
+      "text": "Don't worry, saving the template will not send",
+      "classes": "margin-top-2 usa-button--secondary"
+    }) }}
 
     {% if current_service.prefix_sms %}
       {% set content_hint = 'Your service name will be added to the start of your message. You can turn this off in Settings.' %}
@@ -35,7 +34,7 @@
       <div class="grid-row">
         <div class="grid-col-8">
           {{ form.name(param_extensions={
-            "classes": "",
+            "extra_form_group_classes": "margin-bottom-2",
             "hint": {"text": "Your recipients will not see this"}
           }) }}
           {{ textbox(
@@ -44,6 +43,7 @@
             width='1-1',
             hint=content_hint,
             rows=5,
+            extra_form_group_classes='margin-bottom-1',
             placeholder='Edit me! Check out the Personalization section below for details on cool ((stuff)) you can do with your messages!'
           ) }}
           {% if current_user.platform_admin %}