A few style changes

app/views/attendance_tracker/today.html.erb

@@ -3,7 +3,7 @@
 <div class="mt-4 py-2 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 grid today-table-grid">
+      <div class="bg-gray-50 text-left text-sm font-semibold text-gray-900 py-3.5 px-6 grid grid-cols-4">
         <div>Course</div>
         <div>Lecture</div>
         <div>Status</div>

app/views/lectures/_lecture.html.erb

@@ -4,12 +4,14 @@
                                   'bg-green-100': lecture.attended?,
                                 }) %>
 
-<div id="<%= dom_id(lecture) %>" class="<%= status_classes %> px-6 py-4 flex justify-between items-center grid grid-cols-5 gap-2">
+<div id="<%= dom_id(lecture) %>" class="<%= status_classes %> px-6 py-4 justify-between items-center grid grid-flow-col gap-2">
   <div class="whitespace-nowrap text-sm font-medium text-gray-900">
     <%= lecture.title %>
 
     <% if lecture.online %>
       <i class="fa fa-solid fa-globe text-gray-500"></i>
+    <% else %>
+      <span class="inline-block w-4"></span>
     <% end %>
   </div>