From 856fcf16ba5ab3f430894391088615832285fa2e Mon Sep 17 00:00:00 2001
From: David Gwilliam <dhgwilliam@gmail.com>
Date: Fri, 27 Mar 2026 13:24:03 -0700
Subject: [PATCH] fix: Add data-label attributes for responsive table
 conversion on mobile

---
 app/templates/admin/index.html.erb         | 10 +++++-----
 app/templates/admin/matches/index.html.erb | 16 ++++++++--------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/templates/admin/index.html.erb b/app/templates/admin/index.html.erb
index 44697bf..e8e788c 100644
--- a/app/templates/admin/index.html.erb
+++ b/app/templates/admin/index.html.erb
@@ -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>
diff --git a/app/templates/admin/matches/index.html.erb b/app/templates/admin/matches/index.html.erb
index ba4466a..d2842a6 100644
--- a/app/templates/admin/matches/index.html.erb
+++ b/app/templates/admin/matches/index.html.erb
@@ -19,14 +19,14 @@
     <tbody>
       <% matches.each do |match| %>
         <tr>
-          <td><%= match.id %></td>
-          <td><%= match.played_at&.strftime('%Y-%m-%d %H:%M') %></td>
-          <td><%= match.team_1_p1_name %> + <%= match.team_1_p2_name %></td>
-          <td><strong><%= match.team_1_score %></strong></td>
-          <td><%= match.team_2_p1_name %> + <%= match.team_2_p2_name %></td>
-          <td><strong><%= match.team_2_score %></strong></td>
-          <td><%= match.status %></td>
-          <td>
+          <td data-label="ID"><%= match.id %></td>
+          <td data-label="Date"><%= match.played_at&.strftime('%Y-%m-%d %H:%M') %></td>
+          <td data-label="Team 1"><%= match.team_1_p1_name %> + <%= match.team_1_p2_name %></td>
+          <td data-label="Score 1"><strong><%= match.team_1_score %></strong></td>
+          <td data-label="Team 2"><%= match.team_2_p1_name %> + <%= match.team_2_p2_name %></td>
+          <td data-label="Score 2"><strong><%= match.team_2_score %></strong></td>
+          <td data-label="Status"><%= match.status %></td>
+          <td data-label="Actions">
             <a href="/admin/matches/<%= match.id %>/edit">Edit</a>
           </td>
         </tr>