2 files changed, 38 insertions, 5 deletions
diff --git a/ctrack/caf/templates/caf/applicable_system_create_from_caf.html b/ctrack/caf/templates/caf/applicable_system_create_from_caf.html
index fffb5f4..0c39fb6 100644
--- a/ctrack/caf/templates/caf/applicable_system_create_from_caf.html
+++ b/ctrack/caf/templates/caf/applicable_system_create_from_caf.html
@@ -1,16 +1,31 @@
 {% extends "base.html" %}
+
 {% block title %}
-  Create a new Applicable System to an existing CAF
+  Add a new system to {{ caf }}
 {% endblock title %}
 
 {% load crispy_forms_tags %}
 
 {% block content %}
-  <div class="container">
+  <div class="container mt-3">
     <div class="row">
-      <div class="col-sm-6">
+      <div class="col-md-12 pl-0 my-2">
+        <h4>Add a new system to {{ caf }}</h4>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-7 pt-2 border bg-light">
         {% crispy form %}
       </div>
+      <div class="col-sm-5">
+        <div class="card" style="width: 18rem;">
+          <div class="card-body">
+            <h5 class="card-title">Help on System</h5>
+            <p class="card-text">Here you can add some supplementary text if you like.</p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 {% endblock content %}
diff --git a/ctrack/caf/templates/caf/applicable_system_create_from_org.html b/ctrack/caf/templates/caf/applicable_system_create_from_org.html
index a655f3e..0d0fcef 100644
--- a/ctrack/caf/templates/caf/applicable_system_create_from_org.html
+++ b/ctrack/caf/templates/caf/applicable_system_create_from_org.html
@@ -1,13 +1,31 @@
 {% extends "base.html" %}
 
+{% block title %}
+  Add a new system for {{ organisation }}
+{% endblock title %}
+
 {% load crispy_forms_tags %}
 
 {% block content %}
-  <div class="container">
+  <div class="container mt-3">
     <div class="row">
-      <div class="col-sm-6">
+      <div class="col-md-12 pl-0 my-2">
+        <h4>Add a new system for {{ organisation }}</h4>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-7 pt-2 border bg-light">
         {% crispy form %}
       </div>
+      <div class="col-sm-5">
+        <div class="card" style="width: 18rem;">
+          <div class="card-body">
+            <h5 class="card-title">Help on Adding a new System</h5>
+            <p class="card-text">Here you can add some supplementary text if you like.</p>
+            <a href="#" class="btn btn-primary">Go somewhere</a>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 {% endblock content %}