after much pain aligning badges - we have badges on CAF detail page

2 files changed, 33 insertions, 17 deletions

diff --git a/ctrack/organisations/templates/organisations/essential_service_detail.html b/ctrack/organisations/templates/organisations/essential_service_detail.html
index d66c0da..34830ff 100644
--- a/ctrack/organisations/templates/organisations/essential_service_detail.html
+++ b/ctrack/organisations/templates/organisations/essential_service_detail.html
@@ -14,17 +14,22 @@
             <h3>{{ es.name }}</h3>
           </div>
         </div>
+        <div class="row">
+          <div class="col-12 bg bg-light">
+            <h2>{{ es.organisation }}</h2>
+          </div>
+        </div>
       </div>
     </div>
     <div class="row">
-        <div class="col-sm-6 pl-0 my-2">
+        <div class="col-sm-12 pl-0 my-2">
             <h5>Description of Service</h5>
             <hr>
-            <p>{{ es.description }}</p>  
+            <p>{{ es.description }}</p>
         </div>
     </div>
     <div class="row">
-        <div class="col-sm-6 pl-0 my-2">
+        <div class="col-sm-12 pl-0 my-2">
             <h5>Systems which support this service</h5>
             <ul class="list-group list-group-flush">
             {% for ass in asses %}
@@ -34,7 +39,7 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-sm-6 pl-0 my-2">
+        <div class="col-sm-12 pl-0 my-2">
             <h5>CAFs which apply to this Service</h5>
             <ul class="list-group list-group-flush">
                 {% for caf in cafs %}
diff --git a/ctrack/organisations/templates/organisations/organisation_detail.html b/ctrack/organisations/templates/organisations/organisation_detail.html
index 492bd31..5cf96f1 100644
--- a/ctrack/organisations/templates/organisations/organisation_detail.html
+++ b/ctrack/organisations/templates/organisations/organisation_detail.html
@@ -10,24 +10,30 @@
       <div class="col-sm-12 pl-0 my-2">
         <div class="row" id="organisation-title">
           <div class="col-12">
-            <h4>{{ object.name }}</h4>
+            {% if object.oes %}
+              <h4>{{ object.name }} | <span class="text-muted">{{ object.submode }}</span> <span
+                      class="badge badge-success float-right">OES</span></h4>
+            {% else %}
+              <h4>{{ object.name }} | <span class="text-muted">{{ object.submode }}</span> <span
+                      class="badge badge-secondary float-right">NOT OES</span></h4>
+            {% endif %}
           </div>
         </div>
         <div class="row">
-          <div class="col-12">
-            <h6>{{ object.submode }}</h6>
+          <div class="col-3 text-muted">
+            Last updated: {{ object.date_updated|date:"j M Y" }}
           </div>
         </div>
 
         <div class="row" id="top-row">
 
-          <div class="col-md-6">
+          <div class="col-md-12 my-2">
             <div class="card bg-light">
               <div class="card-body">
                 <div class="card-title" style="font-size: 1.1rem;">Company Information</div>
                 <div class="card-text">
                   <div>
-                    <table class="table table-sm table-bordered">
+                    <table class="table table-bordered">
                       <tr>
                         <td class="w-25"><strong>Designation Type:</strong></td>
                         <td>{{ object.designation_type }}</td>
@@ -67,14 +73,14 @@
             </div>
           </div>
 
-          <div class="col-md-6">
+          <div class="col-md-12 mb-2">
 
             <div class="row pb-2">
               <div class="col-sm">
                 <div class="card bg-light">
                   <div class="card-body">
                     <div class="card-title" style="font-size: 1.1rem;">Essential Services</div>
-                    <table class="table table-sm table-bordered">
+                    <table class="table table-bordered">
                       {% if applicable_systems|length > 0 %}
                         {% for es in essential_services %}
                           <tr>
@@ -104,7 +110,7 @@
                       new...</a>
                     </div>
                     <div class="table">
-                      <table class="table table-sm table-bordered">
+                      <table class="table table-bordered">
                         {% if applicable_systems|length > 0 %}
                           {% for ass in applicable_systems %}
                             <tr>
@@ -134,9 +140,11 @@
           <div class="col-md-12 my-2">
             <div class="card bg-light">
               <div class="card-body">
-                <div class="card-title" style="font-size: 1.1rem;">CAFs <a href="#" class="btn btn-outline-primary btn-sm float-right">Add new...</a></div>
+                <div class="card-title" style="font-size: 1.1rem;">CAFs <a href="#"
+                                                                           class="btn btn-outline-primary btn-sm float-right">Add
+                  new...</a></div>
                 <div class="table-responsive">
-                  <table class="table table-sm table-bordered">
+                  <table class="table table-sm table-striped table-bordered">
                     <thead>
                     <tr>
                       <th>Version</th>
@@ -200,9 +208,10 @@
               <div class="card-body">
                 <div class="card-title" style="font-size: 1.1rem;">
                   Engagements & Compliance Events
-                  <a href="{% url "register:create" object.slug %}" class="btn btn-outline-primary btn-sm float-right">Add new...</a></div>
+                  <a href="{% url "register:create" object.slug %}" class="btn btn-outline-primary btn-sm float-right">Add
+                    new...</a></div>
                 <div class="table table-responsive">
-                  <table class="table table-sm table-bordered">
+                  <table class="table table-sm table-striped table-bordered">
                     <thead>
                     <tr>
                       <th>Date</th>
@@ -239,7 +248,9 @@
                               <td>NA</td>
                             {% endif %}
                           {% endif %}
-                          <td><a class="btn btn-sm btn-outline-primary" href="#" role="button">Edit</a> <a href="{% url "register:ee_delete" event.pk object.slug %}" class="btn btn-sm btn-outline-danger" role="button">Delete</a></td>
+                          <td><a class="badge badge-success" href="#" role="button">Edit</a> <a
+                                  href="{% url "register:ee_delete" event.pk object.slug %}" class="badge badge-danger"
+                                  role="button">Delete</a></td>
                         </tr>
                       {% endfor %}
                     {% endif %}