fix: Add data-label attributes for responsive table conversion on mobile

2026-03-27 13:24:03 -07:00
parent 8074473f1b
commit 856fcf16ba
2 changed files with 13 additions and 13 deletions
@@ -64,11 +64,11 @@
      <tbody>
        <% recent_matches.each do |match| %>
          <tr>
-            <td><%= match[:id] %></td>
-            <td><%= match[:team_1].map { |p| p[:name] }.join(' + ') %></td>
-            <td><strong><%= match[:score] %></strong></td>
-            <td><%= match[:team_2].map { |p| p[:name] }.join(' + ') %></td>
-            <td><%= match[:played_at]&.strftime('%Y-%m-%d') || '-' %></td>
+            <td data-label="Match ID"><%= match[:id] %></td>
+            <td data-label="Team 1"><%= match[:team_1].map { |p| p[:name] }.join(' + ') %></td>
+            <td data-label="Score"><strong><%= match[:score] %></strong></td>
+            <td data-label="Team 2"><%= match[:team_2].map { |p| p[:name] }.join(' + ') %></td>
+            <td data-label="Date"><%= match[:played_at]&.strftime('%Y-%m-%d') || '-' %></td>
          </tr>
        <% end %>
      </tbody>