diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index a207165..1d5d6f3 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -12,6 +12,7 @@
  *
  *= require_tree .
  *= require_self
+ *= require actiontext.css
  */
 
 /* Set the global variables for everything. Change these to use your own fonts and colours. */
@@ -529,3 +530,8 @@ pre code {
 nav>form {
     display:inline;
 }
+
+.subprincipleitem {
+  cursor: pointer;
+  padding:5px 0;
+}
diff --git a/app/javascript/application.js b/app/javascript/application.js
index a31a955..39b446f 100644
--- a/app/javascript/application.js
+++ b/app/javascript/application.js
@@ -1,5 +1,6 @@
 // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
+import "jquery"
 import "@hotwired/turbo-rails"
-import "controllers"
+//import "controllers"
 import "trix"
 import "@rails/actiontext"
diff --git a/app/views/cafs/_caf.html.erb b/app/views/cafs/_caf.html.erb
index d63c963..46b6e8e 100644
--- a/app/views/cafs/_caf.html.erb
+++ b/app/views/cafs/_caf.html.erb
@@ -14,7 +14,7 @@
       <h5><%= subprinciple.name %></h5>
       <p><%= subprinciple.description %></p>
 
-      <table>
+      <table id="caf_table">
         <thead>
           <tr>
           <% subprinciple.subprincipleitemgroups.each do |subprincipleitemgroup| %>
@@ -27,7 +27,7 @@
           <% subprinciple.subprincipleitemgroups.each do |subprincipleitemgroup| %>
             <td>
             <% subprincipleitemgroup.subprincipleitems.each do |subprincipleitem| %>
-              <span id="<%= "subprincipleitemid_#{subprincipleitem.id}" %>"><%= subprincipleitem.description %><br/><br/></span>
+              <div id="<%= "subprincipleitemid_#{subprincipleitem.id}" %>" class="subprincipleitem"><%= subprincipleitem.description %></div>
             <% end %>
             </td>
           <% end %>
@@ -39,3 +39,9 @@
 
   <% end %>
 <% end %>
+
+<script>
+  //$(document).on("turbo:load", () => {
+  //console.log("turbo!");
+//});
+</script>
diff --git a/config/importmap.rb b/config/importmap.rb
index 9d84985..4ac6bc6 100644
--- a/config/importmap.rb
+++ b/config/importmap.rb
@@ -1,3 +1,9 @@
 # Pin npm packages by running ./bin/importmap
-
+pin "jquery", to: "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.js"
 pin "application", preload: true
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
+pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
+pin_all_from "app/javascript/controllers", under: "controllers"
+pin "trix"
+pin "@rails/actiontext", to: "actiontext.js"