From 6a89505b5f2af8eed168ab9d011179fd6d665b7d Mon Sep 17 00:00:00 2001
From: Thomas O'Dwyer <tom.odwyer@thedatalab.org>
Date: Fri, 13 Sep 2024 09:55:50 +0100
Subject: [PATCH] Format components HTML

---
 .../templates/_components/article/header.html |   6 +-
 airlock/templates/_components/button.html     | 130 ++++-----
 .../_components/card/card-footer.html         |  16 +-
 airlock/templates/_components/card/card.html  |  46 ++--
 .../_components/description-item.html         |  32 +--
 .../templates/_components/form/checkbox.html  |  14 +-
 airlock/templates/_components/form/input.html |  14 +-
 airlock/templates/_components/form/radio.html |  12 +-
 .../_components/form/radio_list.html          |  54 ++--
 .../templates/_components/form/textarea.html  |  18 +-
 airlock/templates/_components/header.html     | 254 +++++++++---------
 airlock/templates/_components/link.html       |  10 +-
 .../list-group/list-group-empty.html          |   2 +-
 .../list-group/list-group-item.html           |  24 +-
 .../list-group/list-group-rich-item.html      |  38 +--
 .../_components/list-group/list-group.html    |  10 +-
 .../templates/_components/modal/modal.html    |   4 +-
 .../_components/multiselect/multiselect.html  |  18 +-
 airlock/templates/_components/pill/pill.html  |  36 +--
 .../_components/table/table-header.html       |   8 +-
 airlock/templates/_components/time.html       |   6 +-
 .../templates/_components/timeline-item.html  |  34 +--
 airlock/templates/_components/tooltip.html    |  12 +-
 .../_partials/latest-job-requests-table.html  |  80 +++---
 24 files changed, 439 insertions(+), 439 deletions(-)

diff --git a/airlock/templates/_components/article/header.html b/airlock/templates/_components/article/header.html
index c5f27744..09844f97 100644
--- a/airlock/templates/_components/article/header.html
+++ b/airlock/templates/_components/article/header.html
@@ -3,9 +3,9 @@ <h1 class="text-2xl max-w-prose tracking-tight break-words md:text-4xl font-bold
     {{ title }}
   </h1>
   {% if text %}
-  <div class="font-lg text-slate-600 max-w-2xl flex flex-col gap-y-2">
-    {{ text }}
-  </div>
+    <div class="font-lg text-slate-600 max-w-2xl flex flex-col gap-y-2">
+      {{ text }}
+    </div>
   {% endif %}
   {{ children }}
 </header>
diff --git a/airlock/templates/_components/button.html b/airlock/templates/_components/button.html
index d93d6c3f..0f640f7d 100644
--- a/airlock/templates/_components/button.html
+++ b/airlock/templates/_components/button.html
@@ -7,79 +7,79 @@
     {% endif %}
 {% else %}
   <button
-    {% attrs data-expander-button data-modal data-title disabled id name type=type|default:"button" value form hx-post hx-get hx-trigger hx-swap hx-target %}
+  {% attrs data-expander-button data-modal data-title disabled id name type=type|default:"button" value form hx-post hx-get hx-trigger hx-swap hx-target %}
 
 {% endif %}
 
-    class="
-      inline-flex items-center justify-center border rounded-md shadow-sm transition-buttons duration-200
+class="
+       inline-flex items-center justify-center border rounded-md shadow-sm transition-buttons duration-200
 
-      {% if small %}
-        px-2 py-1 text-xs font-normal
-      {% else %}
-        px-4 py-2 text-sm font-medium
-      {% endif %}
+       {% if small %}
+         px-2 py-1 text-xs font-normal
+       {% else %}
+         px-4 py-2 text-sm font-medium
+       {% endif %}
 
-      {% if disabled %}
-        cursor-not-allowed bg-slate-300 text-slate-800
-      {% elif variant == "primary" %}
-        bg-oxford-600 border-oxford-600 text-white
-        hover:bg-oxford-700 hover:border-oxford-700
-        focus:bg-oxford-700 focus:border-oxford-700 focus:ring-oxford-500 focus:ring-offset-white
-      {% elif variant == "primary-outline" %}
-        bg-transparent border border-oxford-700 text-oxford-700
-        hover:bg-oxford-100
-        focus:bg-oxford-100 focus:ring-oxford-500 focus:ring-offset-white
-      {% elif variant == "secondary" %}
-        bg-slate-500 border-slate-500 text-white
-        hover:bg-slate-600 hover:border-slate-600
-        focus:bg-slate-600 focus:border-slate-600 focus:ring-slate-500 focus:ring-offset-white
-      {% elif variant == "secondary-outline" %}
-        border border-slate-400/75 text-slate-700 !shadow-none
-        hover:bg-slate-200
-        focus:bg-slate-200 focus:ring-slate-500 focus:ring-offset-white
-      {% elif variant == "danger" %}
-        bg-bn-ribbon-600 border-bn-ribbon-600 text-white
-        hover:bg-bn-ribbon-700 hover:border-bn-ribbon-700
-        focus:bg-bn-ribbon-700 focus:border-bn-ribbon-700 focus:ring-bn-ribbon-500 focus:ring-offset-white
-      {% elif variant == "danger-outline" %}
-        border border-bn-ribbon-400 text-bn-ribbon-700 !shadow-none
-        hover:bg-bn-ribbon-100
-        focus:bg-bn-ribbon-100 focus:ring-bn-ribbon-500 focus:ring-offset-white
-      {% elif variant == "warning" %}
-        bg-bn-flamenco-600 border-bn-flamenco-600 text-white
-        hover:bg-bn-flamenco-700 hover:border-bn-flamenco-700
-        focus:bg-bn-flamenco-700 focus:border-bn-flamenco-700 focus:ring-bn-flamenco-500 focus:ring-offset-white
-      {% elif variant == "success" %}
-        bg-green-600 border-green-600 text-white
-        hover:bg-green-700 hover:border-green-700
-        focus:bg-green-700 focus:border-green-700 focus:ring-green-500 focus:ring-offset-white
-      {% elif variant == "success-outline" %}
-        bg-transparent border border-green-700 text-green-700
-        hover:bg-green-100
-        focus:bg-green-100 focus:ring-green-500 focus:ring-offset-white
-      {% endif %}
+       {% if disabled %}
+         cursor-not-allowed bg-slate-300 text-slate-800
+       {% elif variant == "primary" %}
+         bg-oxford-600 border-oxford-600 text-white
+         hover:bg-oxford-700 hover:border-oxford-700
+         focus:bg-oxford-700 focus:border-oxford-700 focus:ring-oxford-500 focus:ring-offset-white
+       {% elif variant == "primary-outline" %}
+         bg-transparent border border-oxford-700 text-oxford-700
+         hover:bg-oxford-100
+         focus:bg-oxford-100 focus:ring-oxford-500 focus:ring-offset-white
+       {% elif variant == "secondary" %}
+         bg-slate-500 border-slate-500 text-white
+         hover:bg-slate-600 hover:border-slate-600
+         focus:bg-slate-600 focus:border-slate-600 focus:ring-slate-500 focus:ring-offset-white
+       {% elif variant == "secondary-outline" %}
+         border border-slate-400/75 text-slate-700 !shadow-none
+         hover:bg-slate-200
+         focus:bg-slate-200 focus:ring-slate-500 focus:ring-offset-white
+       {% elif variant == "danger" %}
+         bg-bn-ribbon-600 border-bn-ribbon-600 text-white
+         hover:bg-bn-ribbon-700 hover:border-bn-ribbon-700
+         focus:bg-bn-ribbon-700 focus:border-bn-ribbon-700 focus:ring-bn-ribbon-500 focus:ring-offset-white
+       {% elif variant == "danger-outline" %}
+         border border-bn-ribbon-400 text-bn-ribbon-700 !shadow-none
+         hover:bg-bn-ribbon-100
+         focus:bg-bn-ribbon-100 focus:ring-bn-ribbon-500 focus:ring-offset-white
+       {% elif variant == "warning" %}
+         bg-bn-flamenco-600 border-bn-flamenco-600 text-white
+         hover:bg-bn-flamenco-700 hover:border-bn-flamenco-700
+         focus:bg-bn-flamenco-700 focus:border-bn-flamenco-700 focus:ring-bn-flamenco-500 focus:ring-offset-white
+       {% elif variant == "success" %}
+         bg-green-600 border-green-600 text-white
+         hover:bg-green-700 hover:border-green-700
+         focus:bg-green-700 focus:border-green-700 focus:ring-green-500 focus:ring-offset-white
+       {% elif variant == "success-outline" %}
+         bg-transparent border border-green-700 text-green-700
+         hover:bg-green-100
+         focus:bg-green-100 focus:ring-green-500 focus:ring-offset-white
+       {% endif %}
 
-      {% if not disabled %}
-        hover:shadow-lg
-        focus:outline-none focus:ring-2 focus:ring-offset-2
-      {% endif %}
+       {% if not disabled %}
+         hover:shadow-lg
+         focus:outline-none focus:ring-2 focus:ring-offset-2
+       {% endif %}
 
-      {% if tooltip %}
-        relative group
-      {% endif %}
+       {% if tooltip %}
+         relative group
+       {% endif %}
 
-      {{ class }}
-    ">
+       {{ class }}
+      ">
 
-      {{ children }}
+  {{ children }}
 
-{% if tooltip %}
-  {% tooltip position="-bottom-4" content=tooltip %}
-{% endif %}
+  {% if tooltip %}
+    {% tooltip position="-bottom-4" content=tooltip %}
+  {% endif %}
 
-{% if type == "link" %}
-  </a>
-{% else %}
-  </button>
-{% endif %}
+  {% if type == "link" %}
+    </a>
+  {% else %}
+    </button>
+  {% endif %}
diff --git a/airlock/templates/_components/card/card-footer.html b/airlock/templates/_components/card/card-footer.html
index d9c27a34..90446c79 100644
--- a/airlock/templates/_components/card/card-footer.html
+++ b/airlock/templates/_components/card/card-footer.html
@@ -1,13 +1,13 @@
 <div
   class="
-    bg-slate-50 px-4 py-2 border-t border-t-slate-200
-    md:px-6 md:py-5
-    {% if not no_container %}
-      -mx-4 mt-6
-      md:-mb-5 md:-mx-6
-    {% endif %}
-    {{ class }}
-  "
+         bg-slate-50 px-4 py-2 border-t border-t-slate-200
+         md:px-6 md:py-5
+         {% if not no_container %}
+           -mx-4 mt-6
+           md:-mb-5 md:-mx-6
+         {% endif %}
+         {{ class }}
+        "
 >
   {{ children }}
 </div>
diff --git a/airlock/templates/_components/card/card.html b/airlock/templates/_components/card/card.html
index e819bd54..80f482ab 100644
--- a/airlock/templates/_components/card/card.html
+++ b/airlock/templates/_components/card/card.html
@@ -1,39 +1,39 @@
 <section {% attrs class id %} {% if title %}aria-labelledby="{{ title | slugify }}-title"{% endif %}>
   <div class="bg-white shadow">
     {% if title or subtitle or button %}
-    <div class="flex flex-wrap gap-2 items-center justify-between px-4 py-2 sm:px-6 sm:py-4 {{ header_class }}">
-      <div>
-        {% if title %}
-        <h2 id="{{ title | slugify }}-title" class="text-xl font-semibold tracking-tight text-slate-900">
-          {{ title }}
-        </h2>
-        {% endif %}
+      <div class="flex flex-wrap gap-2 items-center justify-between px-4 py-2 sm:px-6 sm:py-4 {{ header_class }}">
+        <div>
+          {% if title %}
+            <h2 id="{{ title | slugify }}-title" class="text-xl font-semibold tracking-tight text-slate-900">
+              {{ title }}
+            </h2>
+          {% endif %}
 
-        {% if subtitle %}
-        <p class="text-slate-600 text-sm leading-tight">{{ subtitle }}</p>
+          {% if subtitle %}
+            <p class="text-slate-600 text-sm leading-tight">{{ subtitle }}</p>
+          {% endif %}
+        </div>
+        {% if button %}
+          {% #button class="flex-shrink-0" href=button_href type="link" variant="primary" %}
+            {{ button_text }}
+          {% /button %}
+        {% endif %}
+        {% if custom_button %}
+          {{ custom_button }}
         {% endif %}
       </div>
-      {% if button %}
-        {% #button class="flex-shrink-0" href=button_href type="link" variant="primary" %}
-          {{ button_text }}
-        {% /button %}
-      {% endif %}
-      {% if custom_button %}
-        {{ custom_button }}
-      {% endif %}
-    </div>
     {% endif %}
 
     {% if container %}
       <div
         class="
-          px-4 py-3 md:px-6 md:py-5
-          {% if title or subtitle %}border-t border-slate-200{% endif %}
-          {{ container_class }}
-        "
+               px-4 py-3 md:px-6 md:py-5
+               {% if title or subtitle %}border-t border-slate-200{% endif %}
+               {{ container_class }}
+              "
       >
     {% endif %}
-      {{ children }}
+    {{ children }}
     {% if container %}
       </div>
     {% endif %}
diff --git a/airlock/templates/_components/description-item.html b/airlock/templates/_components/description-item.html
index 9fc05c11..80be2fb6 100644
--- a/airlock/templates/_components/description-item.html
+++ b/airlock/templates/_components/description-item.html
@@ -2,20 +2,20 @@
 {% var details_class=details_class|default:"mt-1 text-sm text-slate-900 pl-3 ml-0.5 border-l-2 border-l-slate-200 sm:pl-0 sm:ml-0 sm:border-l-0 sm:col-span-3 sm:mt-0" %}
 
 <div
-	class="
-		px-3 py-2
-		{% if stacked %}
-			flex flex-col gap-y-1
-		{% else %}
-			sm:grid sm:grid-cols-4 sm:gap-3
-		{% endif %}
-		md:py-4 md:px-6
-		md:even:bg-white md:odd:bg-slate-50
-		{{ class }}
-	">
-	<dt
-		class="
-			{{ title_class }}
-		">{{ title }}</dt>
-	<dd class="{{ details_class }} break-words">{{ children }}</dd>
+  class="
+         px-3 py-2
+         {% if stacked %}
+           flex flex-col gap-y-1
+         {% else %}
+           sm:grid sm:grid-cols-4 sm:gap-3
+         {% endif %}
+         md:py-4 md:px-6
+         md:even:bg-white md:odd:bg-slate-50
+         {{ class }}
+        ">
+  <dt
+    class="
+           {{ title_class }}
+          ">{{ title }}</dt>
+  <dd class="{{ details_class }} break-words">{{ children }}</dd>
 </div>
diff --git a/airlock/templates/_components/form/checkbox.html b/airlock/templates/_components/form/checkbox.html
index 52cbe9a4..42498de6 100644
--- a/airlock/templates/_components/form/checkbox.html
+++ b/airlock/templates/_components/form/checkbox.html
@@ -17,13 +17,13 @@
   <input
     {% attrs checked %}
     class="
-      scale-125 mt-1 ml-1 transition-colors
-      group-hover:bg-oxford-50 group-hover:border-oxford-700
-      group-hover:checked:bg-oxford-600 group-hover:checked:border-oxford-600
-      checked:bg-oxford-600 checked:border-oxford-600
-      focus:ring-0 focus:outline-2 focus:outline-offset-0 focus:outline-yellow-300
-      {{ input_class }}
-    "
+           scale-125 mt-1 ml-1 transition-colors
+           group-hover:bg-oxford-50 group-hover:border-oxford-700
+           group-hover:checked:bg-oxford-600 group-hover:checked:border-oxford-600
+           checked:bg-oxford-600 checked:border-oxford-600
+           focus:ring-0 focus:outline-2 focus:outline-offset-0 focus:outline-yellow-300
+           {{ input_class }}
+          "
     id="{{ input_id }}"
     name="{{ input_name }}"
     type="checkbox"
diff --git a/airlock/templates/_components/form/input.html b/airlock/templates/_components/form/input.html
index 91e070ee..072942bf 100644
--- a/airlock/templates/_components/form/input.html
+++ b/airlock/templates/_components/form/input.html
@@ -39,13 +39,13 @@
     <input
       {% attrs autocapitalize autocomplete autocorrect inputmode name=input_name placeholder required value=input_value %}
       class="
-        mt-1 block w-full rounded-md border-slate-300 text-slate-900 shadow-sm
-        {% if show_placeholder %}placeholder:text-slate-400{% else %}placeholder:text-white{% endif %}
-        focus:border-oxford-500 focus:ring-oxford-500
-        sm:text-sm
-        [&:not(:placeholder-shown):not(:focus)]:invalid:border-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-1
-        {{ input_class }}
-      "
+             mt-1 block w-full rounded-md border-slate-300 text-slate-900 shadow-sm
+             {% if show_placeholder %}placeholder:text-slate-400{% else %}placeholder:text-white{% endif %}
+             focus:border-oxford-500 focus:ring-oxford-500
+             sm:text-sm
+             [&:not(:placeholder-shown):not(:focus)]:invalid:border-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-1
+             {{ input_class }}
+            "
       id="{{ input_id }}"
       type="{% if type %}{{ type }}{% else %}text{% endif %}"
     >
diff --git a/airlock/templates/_components/form/radio.html b/airlock/templates/_components/form/radio.html
index a27eecc7..9d03e66f 100644
--- a/airlock/templates/_components/form/radio.html
+++ b/airlock/templates/_components/form/radio.html
@@ -5,12 +5,12 @@
   <input
     {% attrs checked %}
     class="
-      scale-125 ml-1 mt-[0.33em] transition-colors
-      group-hover:bg-oxford-50 group-hover:border-oxford-700
-      group-hover:checked:bg-oxford-600 group-hover:checked:border-oxford-600
-      checked:bg-oxford-600 checked:border-oxford-600
-      {{ input_class }}
-    "
+           scale-125 ml-1 mt-[0.33em] transition-colors
+           group-hover:bg-oxford-50 group-hover:border-oxford-700
+           group-hover:checked:bg-oxford-600 group-hover:checked:border-oxford-600
+           checked:bg-oxford-600 checked:border-oxford-600
+           {{ input_class }}
+          "
     id="{{ id }}"
     name="{{ name }}"
     type="radio"
diff --git a/airlock/templates/_components/form/radio_list.html b/airlock/templates/_components/form/radio_list.html
index cd0a6b30..f1c165c9 100644
--- a/airlock/templates/_components/form/radio_list.html
+++ b/airlock/templates/_components/form/radio_list.html
@@ -19,37 +19,37 @@
 <div {% attrs class %}>
   {% if radios_label %}
     <label
-        class="inline-block font-semibold text-lg text-slate-900 cursor-pointer"
-        for="{{ label_for }}"
-      >
-        {{ radios_label }}
-
-        {% if required %}
-          <span
-            aria-hidden="true"
-            class="text-bn-ribbon-700 font-bold"
-          >*</span>
-        {% endif %}
-      </label>
+      class="inline-block font-semibold text-lg text-slate-900 cursor-pointer"
+      for="{{ label_for }}"
+    >
+      {{ radios_label }}
+
+      {% if required %}
+        <span
+          aria-hidden="true"
+          class="text-bn-ribbon-700 font-bold"
+        >*</span>
+      {% endif %}
+    </label>
   {% endif %}
 
-{% for value, label in field.field.choices %}
+  {% for value, label in field.field.choices %}
 
-  {% if field.value == value %}
-  {% var checked=True %}
-  {% else %}
-  {% var checked=False %}
-  {% endif %}
+    {% if field.value == value %}
+      {% var checked=True %}
+    {% else %}
+      {% var checked=False %}
+    {% endif %}
 
-  {% with id=forloop.counter|stringformat:"s" %}
-  {% form_radio id="id_"|add:radios_name|add:id name=radios_name value=value label=label checked=checked %}
-  {% endwith %}
+    {% with id=forloop.counter|stringformat:"s" %}
+      {% form_radio id="id_"|add:radios_name|add:id name=radios_name value=value label=label checked=checked %}
+    {% endwith %}
 
-{% endfor %}
+  {% endfor %}
 
-{% if hint_text %}
-  <div class="mt-2 prose prose-sm prose-oxford">
-    {{ hint_text }}
-  </div>
-{% endif %}
+  {% if hint_text %}
+    <div class="mt-2 prose prose-sm prose-oxford">
+      {{ hint_text }}
+    </div>
+  {% endif %}
 </div>
diff --git a/airlock/templates/_components/form/textarea.html b/airlock/templates/_components/form/textarea.html
index 70c1287f..ced93d7e 100644
--- a/airlock/templates/_components/form/textarea.html
+++ b/airlock/templates/_components/form/textarea.html
@@ -19,7 +19,7 @@
     class="inline-block font-semibold text-lg text-slate-900 cursor-pointer"
     for="{{ label_for }}"
   >
-  {% if label %}{{ label }}{% else %}{{ field.label }}{% endif %}
+    {% if label %}{{ label }}{% else %}{{ field.label }}{% endif %}
 
     {% if required %}
       <span
@@ -39,14 +39,14 @@
     <textarea
       {% attrs autocapitalize autocomplete autocorrect inputmode maxlength name=textarea_name placeholder readonly required rows=rows|default:"4" %}
       class="
-        mt-1 block w-full rounded-md border-slate-300 text-slate-900 shadow-sm
-        {% if readonly %}bg-slate-100 cursor-not-allowed focus:!outline-none focus:!border-slate-300 focus:!ring-0{% endif %}
-        {% if not resize %}resize-none{% endif %}
-        {% if show_placeholder %}placeholder:text-slate-400{% else %}placeholder:text-white{% endif %}
-        sm:text-sm
-        focus:border-oxford-500 focus:ring-oxford-500
-        [&:not(:placeholder-shown):not(:focus)]:invalid:border-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-1
-      "
+             mt-1 block w-full rounded-md border-slate-300 text-slate-900 shadow-sm
+             {% if readonly %}bg-slate-100 cursor-not-allowed focus:!outline-none focus:!border-slate-300 focus:!ring-0{% endif %}
+             {% if not resize %}resize-none{% endif %}
+             {% if show_placeholder %}placeholder:text-slate-400{% else %}placeholder:text-white{% endif %}
+             sm:text-sm
+             focus:border-oxford-500 focus:ring-oxford-500
+             [&:not(:placeholder-shown):not(:focus)]:invalid:border-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-bn-ribbon-600 [&:not(:placeholder-shown):not(:focus)]:invalid:ring-1
+            "
       id="{{ textarea_id }}"
     >{% if textarea_value %}{{ textarea_value }}{% endif %}</textarea>
 
diff --git a/airlock/templates/_components/header.html b/airlock/templates/_components/header.html
index 61eca0bc..bbf18368 100644
--- a/airlock/templates/_components/header.html
+++ b/airlock/templates/_components/header.html
@@ -1,18 +1,18 @@
 <header
   class="
-    bg-gradient-to-r from-oxford-200/20 via-bn-roman-200/35 to-bn-strawberry-200/25
-    after:absolute after:h-1 after:w-full after:bg-gradient-to-r after:from-oxford-600/60 after:via-bn-roman-600/70 after:to-bn-strawberry-600/60
-  "
+         bg-gradient-to-r from-oxford-200/20 via-bn-roman-200/35 to-bn-strawberry-200/25
+         after:absolute after:h-1 after:w-full after:bg-gradient-to-r after:from-oxford-600/60 after:via-bn-roman-600/70 after:to-bn-strawberry-600/60
+        "
 >
   <nav class="relative container xl:max-w-screen-xl flex justify-center items-center flex-wrap py-3 gap-y-2">
     <p class="relative z-30 flex-shrink-0 flex items-center mr-4 text-xl font-extrabold tracking-tight leading-none text-stone-700">
       {% url 'home' as url %}
       <a
         class="
-          group relative p-2 -ml-2 bg-transparent rounded overflow-hidden focus:text-bn-strawberry-600 focus:outline-none focus:ring-2 focus:ring-oxford-500
-          after:absolute after:bottom-1 after:h-[2px] after:left-2 after:bg-bn-strawberry-300 after:w-1 after:transition-all after:opacity-0
-          after:hover:w-11/12 after:hover:opacity-100
-        "
+               group relative p-2 -ml-2 bg-transparent rounded overflow-hidden focus:text-bn-strawberry-600 focus:outline-none focus:ring-2 focus:ring-oxford-500
+               after:absolute after:bottom-1 after:h-[2px] after:left-2 after:bg-bn-strawberry-300 after:w-1 after:transition-all after:opacity-0
+               after:hover:w-11/12 after:hover:opacity-100
+              "
         href="{% url 'home' %}"
       >
         <span class="transition-colors ease-in duration-150 text-oxford group-hover:text-bn-strawberry-700 group-focus:text-bn-strawberry-700">
@@ -29,10 +29,10 @@
       <details class="group">
         <summary
           class="
-            list-none flex relative z-30 cursor-pointer border border-oxford/25 rounded p-1 ml-auto transition-colors text-oxford duration-200
-            hover:text-bn-strawberry-700 hover:border-bn-strawberry-500 hover:bg-bn-strawberry-50
-            focus:text-bn-strawberry-700 focus:border-bn-strawberry-500 focus:bg-bn-strawberry-50 focus:outline-none focus:ring focus:ring-offset-2 focus:ring-offset-bn-strawberry-50 focus:ring-oxford-500
-          "
+                 list-none flex relative z-30 cursor-pointer border border-oxford/25 rounded p-1 ml-auto transition-colors text-oxford duration-200
+                 hover:text-bn-strawberry-700 hover:border-bn-strawberry-500 hover:bg-bn-strawberry-50
+                 focus:text-bn-strawberry-700 focus:border-bn-strawberry-500 focus:bg-bn-strawberry-50 focus:outline-none focus:ring focus:ring-offset-2 focus:ring-offset-bn-strawberry-50 focus:ring-oxford-500
+                "
         >
           <span class="sr-only">Toggle menu</span>
           {% icon_menu_outline class="h-6 w-6 group-open:hidden" %}
@@ -40,22 +40,22 @@
         </summary>
         <ul class="absolute z-20 top-1 w-full left-0 flex flex-col rounded shadow-xl pt-14 pb-2 px-4 bg-white text-sm font-semibold">
           {% for location in nav %}
-          <li>
-            <a
-              class="
-                relative inline-flex h-full items-center text-oxford transition-colors duration-200 rounded px-2 py-2 -ml-2
-                hover:text-bn-strawberry-700
-                focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500
-                before:hidden before:-top-5 before:h-1 before:left-1/2 before:-translate-x-1 before:bg-bn-strawberry-300 before:w-1 before:transition-all before:opacity-0
-                before:hover:w-full before:hover:opacity-100 before:hover:left-0 before:hover:translate-x-0
-                {% if location.is_active %}border-t-oxford-600/50 text-oxford-600{% endif %}
-              "
-              href="{{ location.url }}"
-            >
-              {{ location.name }}
-              {% if location.is_active %}<span class="sr-only">(current)</span>{% endif %}
-            </a>
-          </li>
+            <li>
+              <a
+                class="
+                       relative inline-flex h-full items-center text-oxford transition-colors duration-200 rounded px-2 py-2 -ml-2
+                       hover:text-bn-strawberry-700
+                       focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500
+                       before:hidden before:-top-5 before:h-1 before:left-1/2 before:-translate-x-1 before:bg-bn-strawberry-300 before:w-1 before:transition-all before:opacity-0
+                       before:hover:w-full before:hover:opacity-100 before:hover:left-0 before:hover:translate-x-0
+                       {% if location.is_active %}border-t-oxford-600/50 text-oxford-600{% endif %}
+                      "
+                href="{{ location.url }}"
+              >
+                {{ location.name }}
+                {% if location.is_active %}<span class="sr-only">(current)</span>{% endif %}
+              </a>
+            </li>
           {% endfor %}
           {% if not user.is_authenticated %}
             <li>
@@ -64,30 +64,30 @@
               </a>
             </li>
           {% else %}
-          <li>
-            <span class="sr-only">Account</span>
-            <ul class="relative shadow-none ring-0 text-sm mt-2 -mx-4 border-t border-t-slate-200">
-              <li class="px-3 py-2 border-b border-b-slate-200 mb-2">
-                Logged in as:
-                <span class="block">
-                  <strong class="break-words">{{ request.user.username }}</strong>
-                  {% if request.user.uses_social_auth %}
-                  via GitHub
-                  {% endif %}
-                </span>
-              </li>
-              {% var link_class="inline-block px-2 py-2 rounded text-oxford hover:text-bn-strawberry-700 focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500" %}
-              {% if user_can_view_staff_area %}
-              <li><a href="{% url 'staff:index' %}" class="{{ link_class }}">🚨 Staff Area 🚨</a></li>
-              {% endif %}
-              <li><a href="{% url 'settings' %}" class="{{ link_class }}">Settings</a></li>
-              <li><a href="{% url 'applications:list' %}" class="{{ link_class }}">Applications</a></li>
-              <form action="{% url 'logout' %}" method="POST">
-                {% csrf_token %}
-                <button class="{{ link_class }} w-full text-left" type="submit">Logout</button>
-              </form>
-            </ul>
-          </li>
+            <li>
+              <span class="sr-only">Account</span>
+              <ul class="relative shadow-none ring-0 text-sm mt-2 -mx-4 border-t border-t-slate-200">
+                <li class="px-3 py-2 border-b border-b-slate-200 mb-2">
+                  Logged in as:
+                  <span class="block">
+                    <strong class="break-words">{{ request.user.username }}</strong>
+                    {% if request.user.uses_social_auth %}
+                      via GitHub
+                    {% endif %}
+                  </span>
+                </li>
+                {% var link_class="inline-block px-2 py-2 rounded text-oxford hover:text-bn-strawberry-700 focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500" %}
+                {% if user_can_view_staff_area %}
+                  <li><a href="{% url 'staff:index' %}" class="{{ link_class }}">🚨 Staff Area 🚨</a></li>
+                {% endif %}
+                <li><a href="{% url 'settings' %}" class="{{ link_class }}">Settings</a></li>
+                <li><a href="{% url 'applications:list' %}" class="{{ link_class }}">Applications</a></li>
+                <form action="{% url 'logout' %}" method="POST">
+                  {% csrf_token %}
+                  <button class="{{ link_class }} w-full text-left" type="submit">Logout</button>
+                </form>
+              </ul>
+            </li>
           {% endif %}
         </ul>
       </details>
@@ -96,86 +96,86 @@
     {# Desktop nav #}
     <ul class="hidden relative flex-row gap-4 mx-1 ml-auto text-sm font-semibold md:flex">
       {% for location in nav %}
-      <li>
-        <a
-          class="
-            relative flex h-full items-center text-oxford transition-colors duration-200 rounded px-2 py-0
-            hover:text-bn-strawberry-700
-            focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500
-            before:inline before:absolute before:-top-5 before:h-1 before:left-1/2 before:-translate-x-1 before:bg-bn-strawberry-300 before:w-1 before:transition-all before:opacity-0
-            before:hover:w-full before:hover:opacity-100 before:hover:left-0 before:hover:translate-x-0
-            {% if location.is_active %}border-t-oxford-600/50 text-oxford-600{% endif %}
-          "
-          href="{{ location.url }}"
-        >
-          {{ location.name }}
-          {% if location.is_active %}<span class="sr-only">(current)</span>{% endif %}
-        </a>
-      </li>
+        <li>
+          <a
+            class="
+                   relative flex h-full items-center text-oxford transition-colors duration-200 rounded px-2 py-0
+                   hover:text-bn-strawberry-700
+                   focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500
+                   before:inline before:absolute before:-top-5 before:h-1 before:left-1/2 before:-translate-x-1 before:bg-bn-strawberry-300 before:w-1 before:transition-all before:opacity-0
+                   before:hover:w-full before:hover:opacity-100 before:hover:left-0 before:hover:translate-x-0
+                   {% if location.is_active %}border-t-oxford-600/50 text-oxford-600{% endif %}
+                  "
+            href="{{ location.url }}"
+          >
+            {{ location.name }}
+            {% if location.is_active %}<span class="sr-only">(current)</span>{% endif %}
+          </a>
+        </li>
       {% endfor %}
       {% if not user.is_authenticated %}
-      <li>
-        <a
-          class="
-            relative inline-flex self-start p-2 rounded whitespace-nowrap text-oxford duration-200 bg-bn-strawberry-200 border border-bn-strawberry-300 px-4 mx-0 leading-none transition-all
-            hover:text-bn-strawberry-700 hover:bg-bn-strawberry-100 hover:border-bn-strawberry-400 hover:shadow-lg
-            focus:bg-bn-strawberry-100 focus:text-bn-strawberry-700 focus:border-bn-strawberry-400 focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-oxford-500
-          "
-          href="{{ login_url }}"
-          rel="nofollow"
-        >
-          Login
-        </a>
-      </li>
+        <li>
+          <a
+            class="
+                   relative inline-flex self-start p-2 rounded whitespace-nowrap text-oxford duration-200 bg-bn-strawberry-200 border border-bn-strawberry-300 px-4 mx-0 leading-none transition-all
+                   hover:text-bn-strawberry-700 hover:bg-bn-strawberry-100 hover:border-bn-strawberry-400 hover:shadow-lg
+                   focus:bg-bn-strawberry-100 focus:text-bn-strawberry-700 focus:border-bn-strawberry-400 focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-oxford-500
+                  "
+            href="{{ login_url }}"
+            rel="nofollow"
+          >
+            Login
+          </a>
+        </li>
       {% else %}
-      <li>
-        <details-utils close-click-outside close-esc>
-          <details class="flex group">
-            <summary
-              class="
-                flex relative h-full items-center text-oxford transition-colors duration-200 rounded px-2 py-0 cursor-pointer
-                hover:text-bn-strawberry-700
-                focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500
-                before:inline before:absolute before:-top-5 before:h-1 before:left-1/2 before:-translate-x-1 before:bg-bn-strawberry-300 before:w-1 before:transition-all before:opacity-0
-                before:hover:w-full before:hover:opacity-100 before:hover:left-0 before:hover:translate-x-0
-              "
-            >
-              Account
-              <span class="opacity-75 ml-1">
-                {% icon_chevron_down_mini class="h-5 w-5 inline-block group-open:hidden" %}
-                {% icon_chevron_up_mini class="h-5 w-5 hidden group-open:inline-block" %}
-              </span>
-            </summary>
-            <div class="absolute border-0 origin-top-right top-full mt-2 right-0 z-10 w-48 rounded-md shadow-lg overflow-hidden bg-white ring-1 ring-black ring-opacity-5 focus:outline-none text-sm">
-              <p class="pt-3 pb-2 px-4">
-                Logged in as:
-                <span class="block">
-                  <strong class="break-words">{{ request.user.username }}</strong>
-                  {% if request.user.uses_social_auth %}
-                  via GitHub
-                  {% endif %}
+        <li>
+          <details-utils close-click-outside close-esc>
+            <details class="flex group">
+              <summary
+                class="
+                       flex relative h-full items-center text-oxford transition-colors duration-200 rounded px-2 py-0 cursor-pointer
+                       hover:text-bn-strawberry-700
+                       focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500
+                       before:inline before:absolute before:-top-5 before:h-1 before:left-1/2 before:-translate-x-1 before:bg-bn-strawberry-300 before:w-1 before:transition-all before:opacity-0
+                       before:hover:w-full before:hover:opacity-100 before:hover:left-0 before:hover:translate-x-0
+                      "
+              >
+                Account
+                <span class="opacity-75 ml-1">
+                  {% icon_chevron_down_mini class="h-5 w-5 inline-block group-open:hidden" %}
+                  {% icon_chevron_up_mini class="h-5 w-5 hidden group-open:inline-block" %}
                 </span>
-              </p>
-              <ul class="border-t">
-                {% var link_class="block px-4 py-2 text-oxford hover:text-bn-strawberry-700 hover:bg-oxford-50 focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500 focus:ring-inset" %}
-                {% if user_can_view_staff_area %}
-                <li class="-mt-[1px]">
-                  <a class="{{ link_class }} bg-bn-ribbon-100" href="{% url 'staff:index' %}" >
-                    Staff Area
-                  </a>
-                </li>
-                {% endif %}
-                <li><a class="{{ link_class }}" href="{% url 'settings' %}">Settings</a></li>
-                <li><a class="{{ link_class }}" href="{% url 'applications:list' %}">Applications</a></li>
-                <form action="{% url 'logout' %}" method="POST">
-                  {% csrf_token %}
-                  <button class="{{ link_class }} w-full text-left" type="submit">Logout</button>
-                </form>
-              </ul>
-            </div>
-          </details>
-        </details-utils>
-      </li>
+              </summary>
+              <div class="absolute border-0 origin-top-right top-full mt-2 right-0 z-10 w-48 rounded-md shadow-lg overflow-hidden bg-white ring-1 ring-black ring-opacity-5 focus:outline-none text-sm">
+                <p class="pt-3 pb-2 px-4">
+                  Logged in as:
+                  <span class="block">
+                    <strong class="break-words">{{ request.user.username }}</strong>
+                    {% if request.user.uses_social_auth %}
+                      via GitHub
+                    {% endif %}
+                  </span>
+                </p>
+                <ul class="border-t">
+                  {% var link_class="block px-4 py-2 text-oxford hover:text-bn-strawberry-700 hover:bg-oxford-50 focus:text-bn-strawberry-700 focus:outline-none focus:ring-2 focus:ring-oxford-500 focus:ring-inset" %}
+                  {% if user_can_view_staff_area %}
+                    <li class="-mt-[1px]">
+                      <a class="{{ link_class }} bg-bn-ribbon-100" href="{% url 'staff:index' %}" >
+                        Staff Area
+                      </a>
+                    </li>
+                  {% endif %}
+                  <li><a class="{{ link_class }}" href="{% url 'settings' %}">Settings</a></li>
+                  <li><a class="{{ link_class }}" href="{% url 'applications:list' %}">Applications</a></li>
+                  <form action="{% url 'logout' %}" method="POST">
+                    {% csrf_token %}
+                    <button class="{{ link_class }} w-full text-left" type="submit">Logout</button>
+                  </form>
+                </ul>
+              </div>
+            </details>
+          </details-utils>
+        </li>
       {% endif %}
     </ul>
   </nav>
diff --git a/airlock/templates/_components/link.html b/airlock/templates/_components/link.html
index 529781b4..58d9fca2 100644
--- a/airlock/templates/_components/link.html
+++ b/airlock/templates/_components/link.html
@@ -1,10 +1,10 @@
 <a
   class="
-    font-semibold text-oxford-600 underline underline-offset-2 decoration-oxford-300 transition-colors duration-200
-    hover:decoration-transparent hover:text-oxford
-    focus:decoration-transparent focus:text-oxford focus:bg-bn-sun-300
-    {{ class }}
-  "
+         font-semibold text-oxford-600 underline underline-offset-2 decoration-oxford-300 transition-colors duration-200
+         hover:decoration-transparent hover:text-oxford
+         focus:decoration-transparent focus:text-oxford focus:bg-bn-sun-300
+         {{ class }}
+        "
   {% attrs href hx-get hx-target hx-trigger %}
   {% if new_tab %}
     target="_blank" rel="noopener noreferrer"
diff --git a/airlock/templates/_components/list-group/list-group-empty.html b/airlock/templates/_components/list-group/list-group-empty.html
index 0ed82d53..633327a1 100644
--- a/airlock/templates/_components/list-group/list-group-empty.html
+++ b/airlock/templates/_components/list-group/list-group-empty.html
@@ -1,5 +1,5 @@
 <li class="flex flex-col gap-y-2 text-center p-8 {{ class }}"
-  {% attrs data-filter-empty-state hidden %}
+    {% attrs data-filter-empty-state hidden %}
 >
   {% if icon %}
     {% icon_folder_open_outline class="mx-auto stroke-1 h-8 w-8 text-slate-400" %}
diff --git a/airlock/templates/_components/list-group/list-group-item.html b/airlock/templates/_components/list-group/list-group-item.html
index d6fc188a..ab6fd5b0 100644
--- a/airlock/templates/_components/list-group/list-group-item.html
+++ b/airlock/templates/_components/list-group/list-group-item.html
@@ -4,20 +4,20 @@
   {% endif %}
 >
   {% if not disabled %}
-  <a
+    <a
 
-    class="
-      block transition-colors duration-200 px-4 py-3 font-semibold text-oxford-600 break-words
-      hover:bg-oxford-50
-      focus:bg-oxford-50 focus:outline-none focus:ring-2 focus:ring-inset
-      sm:px-6
-      {{ class }}
-    "
-    {% attrs aria-checked aria-labelled-by href role %}
-  >
+      class="
+             block transition-colors duration-200 px-4 py-3 font-semibold text-oxford-600 break-words
+             hover:bg-oxford-50
+             focus:bg-oxford-50 focus:outline-none focus:ring-2 focus:ring-inset
+             sm:px-6
+             {{ class }}
+            "
+      {% attrs aria-checked aria-labelled-by href role %}
+    >
   {% endif %}
-    {{ children }}
+  {{ children }}
   {% if not disabled %}
-  </a>
+    </a>
   {% endif %}
 </li>
diff --git a/airlock/templates/_components/list-group/list-group-rich-item.html b/airlock/templates/_components/list-group/list-group-rich-item.html
index e123d592..e618b954 100644
--- a/airlock/templates/_components/list-group/list-group-rich-item.html
+++ b/airlock/templates/_components/list-group/list-group-rich-item.html
@@ -3,24 +3,24 @@
     <div class="flex gap-x-2">
       <dt class="sr-only">{{ type }}:</dt>
       <dd class="
-        text-base font-semibold text-oxford-600 transition-colors
-        {% if no_truncate %}leading-tight{% else %}truncate{% endif %}
-        group-hover:text-oxford-900
-        group-focus:text-oxford-900
-      ">
+                 text-base font-semibold text-oxford-600 transition-colors
+                 {% if no_truncate %}leading-tight{% else %}truncate{% endif %}
+                 group-hover:text-oxford-900
+                 group-focus:text-oxford-900
+                ">
         {% if url %}
-        <a
-          class="
-            focus:bg-oxford-50 focus:outline-none focus:ring-2 focus:ring-inset
-            before:absolute before:top-0 before:bottom-0 before:right-0 before:left-0 before:h-full before:w-full
-            {{ title_class }}
-          "
-          href="{{ url }}"
-        >
-          {{ title }}
-        </a>
+          <a
+            class="
+                   focus:bg-oxford-50 focus:outline-none focus:ring-2 focus:ring-inset
+                   before:absolute before:top-0 before:bottom-0 before:right-0 before:left-0 before:h-full before:w-full
+                   {{ title_class }}
+                  "
+            href="{{ url }}"
+          >
+            {{ title }}
+          </a>
         {% else %}
-        <span class="{{ title_class }}">{{ title }}</span>
+          <span class="{{ title_class }}">{{ title }}</span>
         {% endif %}
       </dd>
       {% if status_text or custom_status %}
@@ -55,9 +55,9 @@
               {% pill variant="info" text=text %}
             {% endif %}
           {% endif %}
-        {% if custom_status %}
-          {{ custom_status }}
-        {% endif %}
+          {% if custom_status %}
+            {{ custom_status }}
+          {% endif %}
         </dd>
       {% endif %}
     </div>
diff --git a/airlock/templates/_components/list-group/list-group.html b/airlock/templates/_components/list-group/list-group.html
index 44129bc6..76a5eee6 100644
--- a/airlock/templates/_components/list-group/list-group.html
+++ b/airlock/templates/_components/list-group/list-group.html
@@ -1,10 +1,10 @@
 <ul
   class="
-    divide-y divide-slate-200
-    {% if not no_border %}border-t border-t-slate-200{% endif %}
-    {% if small %}text-sm{% endif %}
-    {{ class }}
-  "
+         divide-y divide-slate-200
+         {% if not no_border %}border-t border-t-slate-200{% endif %}
+         {% if small %}text-sm{% endif %}
+         {{ class }}
+        "
   role="list"
   {% if data_filter_list %}data-filter-list{% endif %}
   {% attrs id %}
diff --git a/airlock/templates/_components/modal/modal.html b/airlock/templates/_components/modal/modal.html
index c8c3da9b..bb621743 100644
--- a/airlock/templates/_components/modal/modal.html
+++ b/airlock/templates/_components/modal/modal.html
@@ -3,7 +3,7 @@
     {{ custom_button }}
   {% else %}
     {% #button class=button_class|default:"flex-shrink-0" small=button_small|default:False variant=button_variant|default:"primary" data-modal=id %}
-    {{ button_text }}
+      {{ button_text }}
     {% /button %}
   {% endif %}
 
@@ -30,7 +30,7 @@
 
   // useful for loading and imediately showing modals over htmx
   {% if autoshow %}
-  modal.showModal();
+    modal.showModal();
   {% endif %}
 
 </script>
diff --git a/airlock/templates/_components/multiselect/multiselect.html b/airlock/templates/_components/multiselect/multiselect.html
index 88b08ec4..d0975616 100644
--- a/airlock/templates/_components/multiselect/multiselect.html
+++ b/airlock/templates/_components/multiselect/multiselect.html
@@ -11,16 +11,16 @@
 <div class="multiselect {{ class }}">
   <select data-multiselect data-placeholder="{{ placeholder }}" name="{{ input_name }}" id="{{ input_id }}" {% attrs multiple required data-max-items %}>
     {% if custom_field == True %}
-    {{ children }}
+      {{ children }}
     {% else %}
-    {% for value, label in field.choices %}
-      {% if value in field.value %}
-      {% var is_active=True %}
-      {% else %}
-      {% var is_active=False %}
-      {% endif %}
-      {% multiselect_option value=value name=label is_active=is_active %}
-    {% endfor %}
+      {% for value, label in field.choices %}
+        {% if value in field.value %}
+          {% var is_active=True %}
+        {% else %}
+          {% var is_active=False %}
+        {% endif %}
+        {% multiselect_option value=value name=label is_active=is_active %}
+      {% endfor %}
     {% endif %}
   </select>
 </div>
diff --git a/airlock/templates/_components/pill/pill.html b/airlock/templates/_components/pill/pill.html
index 59e150c6..2752291c 100644
--- a/airlock/templates/_components/pill/pill.html
+++ b/airlock/templates/_components/pill/pill.html
@@ -1,23 +1,23 @@
 <span
   class="
-    inline-flex rounded-full px-2 text-xs font-semibold leading-5 border
-    {% if variant == "warning" %}
-      bg-bn-flamenco-200 text-bn-flamenco-900 border-bn-flamenco-200
-    {% elif variant == "primary" %}
-      bg-blue-200 text-blue-900 border-blue-200
-    {% elif variant == "danger" %}
-      bg-red-200 text-red-900 border-red-200
-    {% elif variant == "danger-outline" %}
-      bg-white text-bn-ribbon-900 border-bn-ribbon-300
-    {% elif variant == "success" %}
-      bg-green-200 text-green-900 border-green-200
-    {% elif variant == "success-outline" %}
-      bg-white text-green-900 border-green-400
-    {% elif variant == "info" %}
-      bg-white text-slate-600 border-slate-200
-    {% endif %}
-    {{ class }}
-  "
+         inline-flex rounded-full px-2 text-xs font-semibold leading-5 border
+         {% if variant == "warning" %}
+           bg-bn-flamenco-200 text-bn-flamenco-900 border-bn-flamenco-200
+         {% elif variant == "primary" %}
+           bg-blue-200 text-blue-900 border-blue-200
+         {% elif variant == "danger" %}
+           bg-red-200 text-red-900 border-red-200
+         {% elif variant == "danger-outline" %}
+           bg-white text-bn-ribbon-900 border-bn-ribbon-300
+         {% elif variant == "success" %}
+           bg-green-200 text-green-900 border-green-200
+         {% elif variant == "success-outline" %}
+           bg-white text-green-900 border-green-400
+         {% elif variant == "info" %}
+           bg-white text-slate-600 border-slate-200
+         {% endif %}
+         {{ class }}
+        "
 >
   {% if sr_only %}
     <span class="sr-only">{{ sr_only }}</span>
diff --git a/airlock/templates/_components/table/table-header.html b/airlock/templates/_components/table/table-header.html
index 4e6e07ed..256330cf 100644
--- a/airlock/templates/_components/table/table-header.html
+++ b/airlock/templates/_components/table/table-header.html
@@ -1,10 +1,10 @@
 <th
   {% attrs data-type data-format data-searchable data-sortable data-hidden data-content data-order scope %}
   class="
-    py-3.5 px-2 text-left text-sm font-semibold text-slate-900
-    {% if nowrap %}whitespace-nowrap{% endif %}
-    {{ class }}
-  "
+         py-3.5 px-2 text-left text-sm font-semibold text-slate-900
+         {% if nowrap %}whitespace-nowrap{% endif %}
+         {{ class }}
+        "
 >
   {{ children }}
 </th>
diff --git a/airlock/templates/_components/time.html b/airlock/templates/_components/time.html
index 453fd322..864a08dd 100644
--- a/airlock/templates/_components/time.html
+++ b/airlock/templates/_components/time.html
@@ -1,9 +1,9 @@
 <time
   {% if class or tooltip %}
     class="
-      {{ class }}
-      {% if tooltip %}relative group hover:cursor-pointer{% endif %}
-    "
+           {{ class }}
+           {% if tooltip %}relative group hover:cursor-pointer{% endif %}
+          "
   {% endif %}
   datetime="{{ datetime }}"
 >
diff --git a/airlock/templates/_components/timeline-item.html b/airlock/templates/_components/timeline-item.html
index f268e607..59028d43 100644
--- a/airlock/templates/_components/timeline-item.html
+++ b/airlock/templates/_components/timeline-item.html
@@ -6,23 +6,23 @@
   {% endif %}
   <div class="relative flex space-x-3">
     <span class="h-8 w-8 rounded-full flex items-center justify-center
-      {% if background == "blue" %}
-        bg-oxford-400
-      {% elif background == "purple" %}
-        bg-bn-roman-500
-      {% elif background == "green" %}
-        bg-green-500
-      {% elif background == "yellow" %}
-        bg-bn-flamenco-400
-      {% elif background == "pink" %}
-        bg-bn-ribbon-400
-      {% elif background == "stone" %}
-        bg-stone-500
-      {% elif background == "slate" %}
-        bg-slate-500
-      {% endif %}
-      text-white
-    ">
+                 {% if background == "blue" %}
+                   bg-oxford-400
+                 {% elif background == "purple" %}
+                   bg-bn-roman-500
+                 {% elif background == "green" %}
+                   bg-green-500
+                 {% elif background == "yellow" %}
+                   bg-bn-flamenco-400
+                 {% elif background == "pink" %}
+                   bg-bn-ribbon-400
+                 {% elif background == "stone" %}
+                   bg-stone-500
+                 {% elif background == "slate" %}
+                   bg-slate-500
+                 {% endif %}
+                 text-white
+                ">
       {{ children }}
     </span>
     <div class="min-w-0 flex-1 flex justify-between space-x-4">
diff --git a/airlock/templates/_components/tooltip.html b/airlock/templates/_components/tooltip.html
index 030ac80f..2f84897e 100644
--- a/airlock/templates/_components/tooltip.html
+++ b/airlock/templates/_components/tooltip.html
@@ -6,12 +6,12 @@
 
 <span class="opacity-0 scale-0 z-40 group-hover:opacity-100 group-hover:scale-100 transition-scale-opacity absolute bg-transparent pb-3 translate-y-full left-1/2 -translate-x-1/2 {{ position }}">
   <span class="
-      {{ class }}
-      text-sm text-semibold w-full min-w-fit whitespace-nowrap bg-bn-ribbon-200 text-bn-ribbon-900 py-2 px-3 rounded shadow-xl text-left relative
-      before:block before:absolute before:h-3 before:w-3 before:bg-bn-ribbon-200 before:left-1/2 before:-translate-x-1/2 before:rotate-45 before:z-0
-      after:block after:absolute after:h-full after:w-full after:bg-transparent after:left-1/2 after:-translate-x-1/2 after:z-0
-      {{ classes }}
-    "
+               {{ class }}
+               text-sm text-semibold w-full min-w-fit whitespace-nowrap bg-bn-ribbon-200 text-bn-ribbon-900 py-2 px-3 rounded shadow-xl text-left relative
+               before:block before:absolute before:h-3 before:w-3 before:bg-bn-ribbon-200 before:left-1/2 before:-translate-x-1/2 before:rotate-45 before:z-0
+               after:block after:absolute after:h-full after:w-full after:bg-transparent after:left-1/2 after:-translate-x-1/2 after:z-0
+               {{ classes }}
+              "
   >
     <span class="relative z-10">{{ content }}</span>
   </span>
diff --git a/airlock/templates/_partials/latest-job-requests-table.html b/airlock/templates/_partials/latest-job-requests-table.html
index 47d351e0..bd5c6da7 100644
--- a/airlock/templates/_partials/latest-job-requests-table.html
+++ b/airlock/templates/_partials/latest-job-requests-table.html
@@ -20,47 +20,47 @@
               {% /table_head %}
               {% #table_body %}
                 {% for job_request in job_requests %}
-                {% #table_row %}
-                  {% #table_cell class="py-2 pl-4 pr-3" title=job_request.status|title nowrap=True %}
-                    {% if job_request.status == "succeeded" %}
-                      {% icon_check_circle_solid class="h-6 w-6 text-green-700" %}
-                    {% elif job_request.status == "pending" %}
-                      {% icon_clock_outline class="h-6 w-6 text-slate-500 stroke-2" %}
-                    {% elif job_request.status == "running" %}
-                      {% icon_custom_spinner class="h-6 w-6 animate-spin stroke-oxford-600 stroke-2 text-oxford-300" %}
-                    {% elif job_request.status == "failed" %}
-                      {% icon_x_circle_solid class="h-6 w-6 text-bn-ribbon-700" %}
-                    {% endif %}
-                    <span class="sr-only">{{ job_request.status|title }}</span>
-                  {% /table_cell %}
-                  {% #table_cell class="max-w-[25ch]" %}
-                    {{ job_request.workspace.project.org }}
-                  {% /table_cell %}
-                  {% #table_cell class="break-words min-w-[18ch]" %}
-                    {{ job_request.workspace.project.name }}
-                  {% /table_cell %}
-                  {% #table_cell nowrap=True %}
-                    {{ job_request.created_by.name }}
-                  {% /table_cell %}
-                  {% #table_cell nowrap=True title=job_request.started_at %}
-                    <span class="relative group{% if job_request.started_at %} cursor-pointer{% endif %}">
-                      {% if job_request.started_at|naturalday == "today" %}
-                        {{ job_request.started_at|naturaltime }}
-                      {% elif job_request.started_at %}
-                        {{ job_request.started_at|date:"d M Y" }}
-                        at
-                        {{ job_request.started_at|date:"H:i" }}
-                      {% else %}
-                        -
+                  {% #table_row %}
+                    {% #table_cell class="py-2 pl-4 pr-3" title=job_request.status|title nowrap=True %}
+                      {% if job_request.status == "succeeded" %}
+                        {% icon_check_circle_solid class="h-6 w-6 text-green-700" %}
+                      {% elif job_request.status == "pending" %}
+                        {% icon_clock_outline class="h-6 w-6 text-slate-500 stroke-2" %}
+                      {% elif job_request.status == "running" %}
+                        {% icon_custom_spinner class="h-6 w-6 animate-spin stroke-oxford-600 stroke-2 text-oxford-300" %}
+                      {% elif job_request.status == "failed" %}
+                        {% icon_x_circle_solid class="h-6 w-6 text-bn-ribbon-700" %}
                       {% endif %}
-                    </span>
-                  {% /table_cell %}
-                  {% #table_cell nowrap=True %}
-                    {% #button type="link" href=job_request.get_absolute_url variant="secondary-outline" small=True %}
-                      View<span class="sr-only">, Job request {{ job_request.id }}</span>
-                    {% /button %}
-                  {% /table_cell %}
-                {% /table_row %}
+                      <span class="sr-only">{{ job_request.status|title }}</span>
+                    {% /table_cell %}
+                    {% #table_cell class="max-w-[25ch]" %}
+                      {{ job_request.workspace.project.org }}
+                    {% /table_cell %}
+                    {% #table_cell class="break-words min-w-[18ch]" %}
+                      {{ job_request.workspace.project.name }}
+                    {% /table_cell %}
+                    {% #table_cell nowrap=True %}
+                      {{ job_request.created_by.name }}
+                    {% /table_cell %}
+                    {% #table_cell nowrap=True title=job_request.started_at %}
+                      <span class="relative group{% if job_request.started_at %} cursor-pointer{% endif %}">
+                        {% if job_request.started_at|naturalday == "today" %}
+                          {{ job_request.started_at|naturaltime }}
+                        {% elif job_request.started_at %}
+                          {{ job_request.started_at|date:"d M Y" }}
+                          at
+                          {{ job_request.started_at|date:"H:i" }}
+                        {% else %}
+                          -
+                        {% endif %}
+                      </span>
+                    {% /table_cell %}
+                    {% #table_cell nowrap=True %}
+                      {% #button type="link" href=job_request.get_absolute_url variant="secondary-outline" small=True %}
+                        View<span class="sr-only">, Job request {{ job_request.id }}</span>
+                      {% /button %}
+                    {% /table_cell %}
+                  {% /table_row %}
                 {% endfor %}
               {% /table_body %}
             {% /table %}