From 793947a3e8f6a4c093a04bcde8ad255ea06f7a5b Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Thu, 19 Feb 2026 19:00:26 -0600
Subject: [PATCH] Align table headers left to match content on info page

---
 lib/aprsme_web/live/info_live/show.html.heex | 32 ++++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/lib/aprsme_web/live/info_live/show.html.heex b/lib/aprsme_web/live/info_live/show.html.heex
index 21a06aa..ce2962c 100644
--- a/lib/aprsme_web/live/info_live/show.html.heex
+++ b/lib/aprsme_web/live/info_live/show.html.heex
@@ -327,13 +327,13 @@
                   <table class="min-w-full divide-y divide-gray-300 dark:divide-gray-700 text-sm">
                     <thead>
                       <tr>
-                        <th class="text-xs font-medium uppercase tracking-wider">
+                        <th class="text-left text-xs font-medium uppercase tracking-wider">
                           {gettext("Callsign")}
                         </th>
-                        <th class="text-xs font-medium uppercase tracking-wider">
+                        <th class="text-left text-xs font-medium uppercase tracking-wider">
                           {gettext("Distance & Direction")}
                         </th>
-                        <th class="text-xs font-medium uppercase tracking-wider">
+                        <th class="text-left text-xs font-medium uppercase tracking-wider">
                           {gettext("Last Heard")}
                         </th>
                       </tr>
@@ -440,13 +440,13 @@
             <table class="min-w-full divide-y divide-gray-300 dark:divide-gray-700">
               <thead>
                 <tr>
-                  <th class="text-xs font-medium uppercase tracking-wider">
+                  <th class="text-left text-xs font-medium uppercase tracking-wider">
                     {gettext("Callsign")}
                   </th>
-                  <th class="text-xs font-medium uppercase tracking-wider">
+                  <th class="text-left text-xs font-medium uppercase tracking-wider">
                     {gettext("Distance & Course")}
                   </th>
-                  <th class="text-xs font-medium uppercase tracking-wider">
+                  <th class="text-left text-xs font-medium uppercase tracking-wider">
                     {gettext("Last Heard")}
                   </th>
                 </tr>
@@ -540,19 +540,19 @@
               <table class="min-w-full divide-y divide-gray-300 dark:divide-gray-700">
                 <thead>
                   <tr>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Callsign")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("First Heard")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Last Heard")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Packets")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Longest Path")}
                     </th>
                   </tr>
@@ -645,19 +645,19 @@
               <table class="min-w-full divide-y divide-gray-300 dark:divide-gray-700">
                 <thead>
                   <tr>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Callsign")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("First Heard")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Last Heard")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Packets")}
                     </th>
-                    <th class="text-xs font-medium uppercase tracking-wider">
+                    <th class="text-left text-xs font-medium uppercase tracking-wider">
                       {gettext("Longest Path")}
                     </th>
                   </tr>