Started journey to move to Tailwind

3 files changed, 58 insertions, 55 deletions

diff --git a/engagements/templates/engagements/ep_org.html b/engagements/templates/engagements/ep_org.html
index 202100a..370a117 100644
--- a/engagements/templates/engagements/ep_org.html
+++ b/engagements/templates/engagements/ep_org.html
@@ -8,14 +8,16 @@
 
 {% block content %}
 
-<div class="w3-container">
-  <h2>Engagement Plans for {{ entity.name }}</h2>
-  <a href="{% url 'engagements:create' entity.slug 'reg' %}">Add New Regulatory Engagement</a> | <a href="{% url 'engagements:create' entity.slug %}">Add New Engagement</a>
+<div class="container">
+
+  <h2 class="text-3xl mx-auto m-3">Engagement Plans for {{ entity.name }}</h2>
+    
+  <a href="{% url 'engagements:create' entity.slug 'reg' %}" class="link">Add New Regulatory Engagement</a> | <a href="{% url 'engagements:create' entity.slug %}">Add New Engagement</a>
 </div>
 
-<div class="w3-container">
-    <h3>2023</h3>
-    <table class="ep-table">
+<div class="ontainer">
+    <h3 class="text-2xl mx-auto m-3">2023</h3>
+    <table class="table table-sm">
         <thead>
             <tr>
                 <th>Start Date</th>
@@ -64,7 +66,7 @@
 
 <hr>
 
-<div class="w3-container">
+<div class="container">
     <div class="w3-cell-row">
         <div class="w3-container w3-cell">
             <h3>Total DSC coverage</h3>
diff --git a/engagements/templates/engagements/index.html b/engagements/templates/engagements/index.html
index 8d5df36..dbd62f9 100644
--- a/engagements/templates/engagements/index.html
+++ b/engagements/templates/engagements/index.html
@@ -4,18 +4,18 @@
 
 {% block content %}
 
-<div class="w3-container">
-    <h2>Engagement Planning</h2>
-    <div class="w3-container">
+    <div class="container">
+        <h2 class="text-3xl mx-auto m-3">Engagement Planning</h2>
+        <h1 class="text-2xl mx-auto m-3">Your entities</h1>
 
-        <h3>Your entities</h3>
-
-        <table class="w3-table w3-bordered">
+        <table class="table table-sm">
+            <thead>
             <tr>
                 <th>Engagement Plan</th>
                 <th>Scheduled Engagements</th>
                 <th>Total time</th>
             </tr>
+            </thead>
             {% for e in entities %}
                 <tr>
                     <td><a href="{% url 'engagements:plan_for_org' e.slug %}">{{ e.name }}</a></td>
@@ -25,6 +25,5 @@
             {% endfor %}
         </table>
     </div>
-</div>
 
 {% endblock content %}
diff --git a/engagements/templates/engagements/organisations.html b/engagements/templates/engagements/organisations.html
index 5bbd1b5..7991784 100644
--- a/engagements/templates/engagements/organisations.html
+++ b/engagements/templates/engagements/organisations.html
@@ -5,46 +5,48 @@
 
 {% block content %}
 
-<div class="w3-container">
-  <h1>Regulated Entities</h1>
-  <div class="w3-container">
-    <table class="w3-table w3-bordered w3-striped">
-      <tr>
-        <th>Entity</th>
-        <th>Team</th>
-        <th>Lead Inspector[s]</th>
-        <th>Responsible Person[s]</th>
-        <th>Accountable Person[s]</th>
-      </tr>
-      {% for e in entities %}
-        <tr>
-          <td>{{ e.name }}</td>
-          <td>{{ e.lead_team }}</td>
-          <td>
-            {% if e.lead_inspector.all %}
-            {{ e.lead_inspector.all|commalist }}
-            {% endif %}
-          </td>
-          <td>
-            <!-- rp -->
-            {% if e.rp.all %}
-              {% for p in e.rp.all %}
-                {{ p }}
-              {% endfor %}
-            {% endif %}
-          </td>
-          <td>
-            <!-- ap -->
-            {% if e.ap.all %}
-              {% for p in e.ap.all %}
-                {{ p }}
-              {% endfor %}
-            {% endif %}
-          </td>
-        </tr>
-      {% endfor %}
-    </table>
-  </div>
-</div>
+    <div class="container mx-auto">
+        <h1 class="text-3xl mx-auto m-3">Regulated Entities</h1>
+        <div class="overflow x-auto">
+            <table class="table table-sm table-zebra">
+                <thead>
+                <tr>
+                    <th>Entity</th>
+                    <th>Team</th>
+                    <th>Lead Inspector[s]</th>
+                    <th>Responsible Person[s]</th>
+                    <th>Accountable Person[s]</th>
+                </tr>
+                </thead>
+                {% for e in entities %}
+                    <tr>
+                        <td>{{ e.name }}</td>
+                        <td>{{ e.lead_team }}</td>
+                        <td>
+                            {% if e.lead_inspector.all %}
+                                {{ e.lead_inspector.all|commalist }}
+                            {% endif %}
+                        </td>
+                        <td>
+                            <!-- rp -->
+                            {% if e.rp.all %}
+                                {% for p in e.rp.all %}
+                                    {{ p }}
+                                {% endfor %}
+                            {% endif %}
+                        </td>
+                        <td>
+                            <!-- ap -->
+                            {% if e.ap.all %}
+                                {% for p in e.ap.all %}
+                                    {{ p }}
+                                {% endfor %}
+                            {% endif %}
+                        </td>
+                    </tr>
+                {% endfor %}
+            </table>
+        </div>
+    </div>
 
 {% endblock content %}