From 961bcb1aa9b95848545ee4c6e1023c40c089170c Mon Sep 17 00:00:00 2001
From: Matthew Lemon <lemon@matthewlemon.com>
Date: Thu, 8 Oct 2020 10:53:47 +0100
Subject: using inline css to push body down from navbar

---
 ctrack/caf/templates/caf/applicablesystem_list.html | 7 ++++++-
 ctrack/caf/templates/caf/caf_list.html              | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

(limited to 'ctrack/caf')

diff --git a/ctrack/caf/templates/caf/applicablesystem_list.html b/ctrack/caf/templates/caf/applicablesystem_list.html
index b34fa33..6552f45 100644
--- a/ctrack/caf/templates/caf/applicablesystem_list.html
+++ b/ctrack/caf/templates/caf/applicablesystem_list.html
@@ -5,11 +5,16 @@
 {% block title %}Systems in Scope{% endblock %}
 {% block content %}
 
+  <script>$(document).ready(function() {
+    $('#datatable').DataTable();
+    } );
+  </script>
+
 <div class="col-md-12">
     <div class="row">
         <div class="col-sm-12">
             <h3>Systems in Scope</h3>
-            <table id="datatable" class="display compact cell-border" style="width:100%">
+            <table id="datatable" class="table table-striped table-bordered compact cell-border" style="width:100%">
                 <thead>
                     <tr>
                         <th>Organisation</th>
diff --git a/ctrack/caf/templates/caf/caf_list.html b/ctrack/caf/templates/caf/caf_list.html
index b7433c7..d82a709 100644
--- a/ctrack/caf/templates/caf/caf_list.html
+++ b/ctrack/caf/templates/caf/caf_list.html
@@ -3,13 +3,17 @@
 {% load static %}
 
 {% block title %} CAF - All CAF Summary {% endblock %}
+{% block css %}
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
+  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css">
+{% endblock %}
 {% block content %}
 
   <div class="col-md-12">
   <h4>CAF List</h4>
   <div class="row">
     <div class="col-md-12 bg-light my-2 py-2">
-      <table id="datatable" class="display compact cell-border" style="width:100%">
+      <table id="datatable" class="table table-bordered compact cell-border" style="width:100%">
         <thead>
         <tr>
           <th>Organisation</th>
-- 
cgit v1.2.3