From e3199a097f7a953d4353bb3403152a167e931655 Mon Sep 17 00:00:00 2001
From: Joshua Coles <josh@coles.to>
Date: Fri, 6 Oct 2023 20:19:44 +0100
Subject: [PATCH] Move recording to its own column

---
 app/views/attendance_tracker/index.html.erb | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/views/attendance_tracker/index.html.erb b/app/views/attendance_tracker/index.html.erb
index fe3c1bf..48f3b6a 100644
--- a/app/views/attendance_tracker/index.html.erb
+++ b/app/views/attendance_tracker/index.html.erb
@@ -4,8 +4,8 @@
   <% @courses.each do |course| %>
     <div class="mt-8 flow-root">
       <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
-        <div class="inline-block py-2 align-middle sm:px-6 lg:px-8">
-          <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg">
+        <div class="inline-block py-2 align-middle px-6 lg:px-8">
+          <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
             <h2 class="text-2xl p-2 px-4"><%= course.title %></h2>
 
             <table class="border-t-2 divide-y divide-gray-300 w-full">
@@ -15,6 +15,7 @@
                 <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Date</th>
                 <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Status</th>
                 <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Action</th>
+                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Recording</th>
               </tr>
               </thead>
 
@@ -36,9 +37,8 @@
                       <%= lecture.start_time.to_fs(:dmy) %>
                     </td>
 
-
                     <% if lecture.cancelled %>
-                      <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500" colspan="2">
+                      <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500" colspan="3">
                         <div class="flex justify-center">
                           Cancelled
                         </div>
@@ -55,6 +55,8 @@
                           %>
                         </div>
                       </td>
+                      <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
+                      </td>
                     <% else %>
                       <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 flex justify-center">
                         <div>
@@ -83,10 +85,12 @@
                                           class: 'action-button'
                             %>
                           </div>
+                        <% end %>
+                      </td>
 
-                          <% if lecture.recording %>
-                            <%= link_to "Open recording", lecture.recording&.recording_url %>
-                          <% end %>
+                      <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
+                        <% if lecture.recording %>
+                          <%= link_to "Open recording", lecture.recording&.recording_url %>
                         <% end %>
                       </td>
                     <% end %>