From 77e51ec2f6b05947e829afc8a7e486efce8555b6 Mon Sep 17 00:00:00 2001
From: Caleb <57644769+alliraine@users.noreply.github.com>
Date: Fri, 16 May 2025 00:08:13 -0400
Subject: [PATCH] Fix Table UI and ControlBar UI

---
 bin/web/src/lib/components/ControlBar.svelte       | 2 +-
 bin/web/src/lib/components/ManifestTable.svelte    | 9 ++++-----
 bin/web/src/lib/components/ManifestTableRow.svelte | 5 ++---
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/bin/web/src/lib/components/ControlBar.svelte b/bin/web/src/lib/components/ControlBar.svelte
index 9410a0c..e6ce763 100644
--- a/bin/web/src/lib/components/ControlBar.svelte
+++ b/bin/web/src/lib/components/ControlBar.svelte
@@ -13,7 +13,7 @@
     }
 </script>
 
-<div class="flex flex-row gap-2">
+<div class="flex flex-row justify-between gap-2">
     <RecordingControls {server_is_recording} />
     <DeleteButton
         text="Delete ALL Recordings"
diff --git a/bin/web/src/lib/components/ManifestTable.svelte b/bin/web/src/lib/components/ManifestTable.svelte
index 8478787..289073a 100644
--- a/bin/web/src/lib/components/ManifestTable.svelte
+++ b/bin/web/src/lib/components/ManifestTable.svelte
@@ -7,18 +7,17 @@
     }
     let { entries, current_entry }: Props = $props();
 </script>
-
 <table class="table-auto text-left border">
     <thead class="p-2">
         <tr class="bg-gray-300">
             <th class='p-2' scope="col">Name</th>
-            <th class='p-2' scope="col">Date Started</th>
-            <th class='p-2' scope="col">Date of Last Message</th>
+            <th class='p-2' scope="col">Started</th>
+            <th class='p-2' scope="col">Last Message</th>
             <th class='p-2' scope="col">Size (bytes)</th>
             <th class='p-2' scope="col">PCAP</th>
             <th class='p-2' scope="col">QMDL</th>
             <th class='p-2' scope="col">Analysis</th>
-            <th class='p-2' scope="col">Delete</th>
+            <th class='p-2' scope="col"></th>
         </tr>
     </thead>
     <tbody>
@@ -29,4 +28,4 @@
             <TableRow {entry} current={false} {i} />
         {/each}
     </tbody>
-</table>
+</table>
\ No newline at end of file
diff --git a/bin/web/src/lib/components/ManifestTableRow.svelte b/bin/web/src/lib/components/ManifestTableRow.svelte
index 11437d6..f03921c 100644
--- a/bin/web/src/lib/components/ManifestTableRow.svelte
+++ b/bin/web/src/lib/components/ManifestTableRow.svelte
@@ -30,7 +30,7 @@
 </script>
 
 <tr class="{status_row_color}">
-    <th class="font-bold p-2 bg-blue-100" scope='row'>{entry.name}</th>
+    <th class="font-bold p-2" scope='row'>{entry.name}</th>
     <td class="p-2">{date_formatter.format(entry.start_time)}</td>
     <td class="p-2">{date_formatter.format(entry.last_message_time)}</td>
     <td class="p-2">{entry.qmdl_size_bytes}</td>
@@ -49,8 +49,7 @@
     {/if}
 </tr>
 <tr class="{alternating_row_color} border-b {analysis_visible ? '' : 'hidden'}">
-    <td class="font-bold p-2 bg-blue-100"></td>
-    <td class="border-t border-dashed p-2" colspan="7">
+    <td class="border-t border-dashed p-2" colspan="8">
         <AnalysisView {entry} />
     </td>
 </tr>