From 11b905fd437d651b2e39745aa82a5dd36f70331e Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Sun, 22 Mar 2026 10:05:16 +0000
Subject: style: modernize UI with dark glass theme and 40% bg opacity

---
 web/templates/partials/sync-log.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'web/templates/partials/sync-log.html')

diff --git a/web/templates/partials/sync-log.html b/web/templates/partials/sync-log.html
index e7f8191..89b7dcf 100644
--- a/web/templates/partials/sync-log.html
+++ b/web/templates/partials/sync-log.html
@@ -1,14 +1,16 @@
 {{define "sync-log"}}
 <div id="sync-log">
     {{if .}}
-    <div style="margin-top: 12px;">
-        <div style="font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px;">Sync Activity</div>
-        {{range .}}
-        <div style="display: flex; gap: 8px; align-items: baseline; font-size: 0.8rem; padding: 3px 0; border-bottom: 1px solid var(--border-color, #2a2a2a);">
-            <span style="color: var(--text-secondary); white-space: nowrap; font-family: monospace;">{{.CreatedAt.Format "15:04:05"}}</span>
-            <span style="color: var(--text-primary, #e0e0e0);">{{.Message}}</span>
+    <div class="mt-8">
+        <div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-3 px-1">Sync Activity</div>
+        <div class="space-y-1">
+            {{range .}}
+            <div class="flex gap-4 items-baseline text-xs py-2 px-3 bg-slate-900/40 rounded border-b border-white/5 last:border-0 transition-colors hover:bg-slate-900/60">
+                <span class="text-slate-500 font-mono whitespace-nowrap">{{.CreatedAt.Format "15:04:05"}}</span>
+                <span class="text-slate-300 leading-relaxed">{{.Message}}</span>
+            </div>
+            {{end}}
         </div>
-        {{end}}
     </div>
     {{end}}
 </div>
-- 
cgit v1.2.3