From 73500751a0f90579f9d849613f6dff61c2394191 Mon Sep 17 00:00:00 2001
From: Gronod <gordon@i3omb.com>
Date: Wed, 20 May 2026 00:26:54 +0100
Subject: [PATCH] Increase download client logo size in cards to 64x64px (4x),
 keep filter picker at 20x20px

---
 public/app.js    |  4 ++--
 public/style.css | 15 +++++++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/public/app.js b/public/app.js
index 46df7de..4ede710 100644
--- a/public/app.js
+++ b/public/app.js
@@ -718,7 +718,7 @@ function createDownloadCard(download) {
   // Add client logo
   if (download.client) {
     const clientLogoWrapper = document.createElement('span');
-    clientLogoWrapper.className = 'download-client-logo-wrapper';
+    clientLogoWrapper.className = 'download-client-logo-wrapper download-card-logo-wrapper';
 
     const clientLogo = document.createElement('img');
     clientLogo.className = 'download-client-logo';
@@ -797,7 +797,7 @@ function createDownloadCard(download) {
   // Add client logo
   if (download.client) {
     const clientLogoWrapper = document.createElement('span');
-    clientLogoWrapper.className = 'download-client-logo-wrapper';
+    clientLogoWrapper.className = 'download-client-logo-wrapper download-card-logo-wrapper';
 
     const clientLogo = document.createElement('img');
     clientLogo.className = 'download-client-logo';
diff --git a/public/style.css b/public/style.css
index 91c26f3..f6a4d38 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1421,14 +1421,20 @@ body {
 }
 
 .download-client-logo-wrapper {
-  width: 16px;
-  height: 16px;
+  width: 20px;
+  height: 20px;
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 
+/* Card-specific logo wrapper (4x larger) */
+.download-card-logo-wrapper {
+  width: 64px;
+  height: 64px;
+}
+
 .download-client-logo {
   width: 100%;
   height: 100%;
@@ -1443,6 +1449,11 @@ body {
   color: var(--text-primary);
 }
 
+.download-card-logo-wrapper.fallback {
+  font-size: 40px;
+  border-radius: 4px;
+}
+
 /* ===== Status Button ===== */
 .status-btn {
   padding: 4px 12px;