From 6d02731a81e9743963862df30744551a9d05f952 Mon Sep 17 00:00:00 2001
From: Caleb <57644769+alliraine@users.noreply.github.com>
Date: Fri, 16 May 2025 11:43:55 -0400
Subject: [PATCH] Additional mobile manifest card UI tweaks

---
 bin/web/src/lib/components/DownloadLink.svelte     |  5 +++--
 bin/web/src/lib/components/ManifestCard.svelte     | 14 ++++++++------
 bin/web/src/lib/components/SystemStatsTable.svelte |  2 +-
 bin/web/src/routes/+page.svelte                    |  2 +-
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/bin/web/src/lib/components/DownloadLink.svelte b/bin/web/src/lib/components/DownloadLink.svelte
index 5d431b0..33bb6f7 100644
--- a/bin/web/src/lib/components/DownloadLink.svelte
+++ b/bin/web/src/lib/components/DownloadLink.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-    let { url, text }: {
+    let { url, text, full_button=false }: {
         url: string;
         text: string;
+        full_button?: boolean;
     } = $props();
 
     function download() {
@@ -9,7 +10,7 @@
     }
 </script>
 
-<button class="text-blue-600 flex flex-row underline" onclick={download}>
+<button class="flex flex-row {full_button ? 'bg-blue-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-md' : 'text-blue-600 underline'}" onclick={download}>
     {text} <svg class="fill-current w-4 h-4 m-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
         <path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/>
     </svg>
diff --git a/bin/web/src/lib/components/ManifestCard.svelte b/bin/web/src/lib/components/ManifestCard.svelte
index edc509b..06117f4 100644
--- a/bin/web/src/lib/components/ManifestCard.svelte
+++ b/bin/web/src/lib/components/ManifestCard.svelte
@@ -29,15 +29,17 @@
         analysis_visible = !analysis_visible;
     }
 </script>
-<div class="{status_row_color} drop-shadow p-4 flex flex-col">
-    <span class="">Name: {entry.name}</span>
+<div class="{status_row_color} drop-shadow p-4 flex flex-col gap-2">
+    <div class="flex flex-row justify-between">
+        <span class="">Name: {entry.name}</span>
+        <span class=""><AnalysisStatus onclick={toggle_analysis_visibility} entry={entry} /></span>
+    </div>
     <span class="">Started: {date_formatter.format(entry.start_time)}</span>
     <span class="">Last Message: {date_formatter.format(entry.last_message_time)}</span>
     <span class="">Size: {entry.qmdl_size_bytes} bytes</span>
-    <span class=""><AnalysisStatus onclick={toggle_analysis_visibility} entry={entry} /></span>
-    <div class="flex flex-row justify-between">
-        <span class=""><DownloadLink url={entry.get_pcap_url()} text="pcap" /></span>
-        <span class=""><DownloadLink url={entry.get_qmdl_url()} text="qmdl" /></span>
+    <div class="flex flex-row justify-between mt-2">
+        <DownloadLink url={entry.get_pcap_url()} text="pcap" full_button=true />
+        <DownloadLink url={entry.get_qmdl_url()} text="qmdl" full_button=true />
         {#if current}
             <RecordingControls {server_is_recording} />
         {:else}
diff --git a/bin/web/src/lib/components/SystemStatsTable.svelte b/bin/web/src/lib/components/SystemStatsTable.svelte
index 9447273..acd4a2a 100644
--- a/bin/web/src/lib/components/SystemStatsTable.svelte
+++ b/bin/web/src/lib/components/SystemStatsTable.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <div>
-    <p class="text-xl">System Stats</p>
+    <p class="text-xl mb-2">System Information</p>
     <table class="table-auto border">
         <tbody>
             <tr class="border">
diff --git a/bin/web/src/routes/+page.svelte b/bin/web/src/routes/+page.svelte
index 85944b0..24a9a4b 100644
--- a/bin/web/src/routes/+page.svelte
+++ b/bin/web/src/routes/+page.svelte
@@ -31,7 +31,7 @@
 </script>
 
 <div class="p-4 xl:px-8 bg-rayhunter-blue drop-shadow flex flex-row justify-between items-center">
-    <span class="text-4xl font-extrabold text-rayhunter-green">Rayhunter</span>
+    <span class="text-4xl font-extrabold text-rayhunter-green"><span class="text-white">ray</span>hunter</span>
     <div class="flex flex-row gap-4">
         <a class="flex flex-row gap-2 group" href="https://github.com/EFForg/rayhunter/issues" target="_blank">
             <span class="hidden text-white group-hover:text-gray-400 lg:flex">Report Issue</span>