From fa9d9d8936735d2f5207ce2e8224dbef46f564e2 Mon Sep 17 00:00:00 2001
From: Joshua Coles <josh@coles.to>
Date: Thu, 26 Oct 2023 11:49:52 +0100
Subject: [PATCH] Fix styling of the today table

---
 app/views/attendance_tracker/today.html.erb | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/views/attendance_tracker/today.html.erb b/app/views/attendance_tracker/today.html.erb
index 96f5e5f..ba80784 100644
--- a/app/views/attendance_tracker/today.html.erb
+++ b/app/views/attendance_tracker/today.html.erb
@@ -6,7 +6,7 @@
       <div class="inline-block py-2 align-middle px-6 lg:px-8 w-full">
         <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
           <div class="divide-y divide-gray-300 w-full">
-            <div class="flex py-3.5 justify-between bg-gray-50 text-left text-sm font-semibold text-gray-900 px-6">
+            <div class="flex py-3.5 justify-between bg-gray-50 text-left text-sm font-semibold text-gray-900 px-6 grid grid-cols-4">
               <div>Course</div>
               <div>Lecture</div>
               <div>Status</div>
@@ -19,20 +19,20 @@
                                                 'bg-green-100': lecture.attended?,
                                               }) %>
 
-              <div class="<%= status_classes %> py-4 flex justify-between divide-y divide-gray-200 bg-white items-center">
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6">
+              <div class="<%= status_classes %> px-6 py-4 flex justify-between bg-white items-center grid grid-cols-4">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900">
                   <%= lecture.course.title %>
                 </div>
 
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900">
                   <%= lecture.title %>
                 </div>
 
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6" data-controller="popover" data-action="mouseenter->popover#show mouseleave->popover#hide">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900" data-controller="popover" data-action="mouseenter->popover#show mouseleave->popover#hide">
                   <%= render partial: 'lecture_status_icons', locals: { lecture: } %>
                 </div>
 
-                <div class="whitespace-nowrap text-sm font-medium text-gray-900 sm:pl-6">
+                <div class="whitespace-nowrap text-sm font-medium text-gray-900">
                   <% joinable_time = lecture.start_time - 5.minutes %>
                   <% if joinable_time.future? %>
                     <%= button_to "Prepare",