From bb39efb0c8ba05e938fc4eff5ba5fe8e2774dfc1 Mon Sep 17 00:00:00 2001
From: Purple <dev@prpl.it>
Date: Sat, 17 Jan 2026 21:52:31 +0000
Subject: [PATCH] update webapp for client logo appr

---
 webapp/index.php | 41 ++++++++++++++++++++++++++---------------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/webapp/index.php b/webapp/index.php
index cd84ff9..ad599da 100644
--- a/webapp/index.php
+++ b/webapp/index.php
@@ -574,30 +574,42 @@ if (function_exists('requireAuth')) {
         .client-cell {
             display: flex;
             align-items: center;
-            gap: 10px;
+            justify-content: center;
+            width: 100%;
         }
 
         .client-logo {
-            width: 28px;
-            height: 28px;
-            border-radius: 6px;
-            object-fit: cover;
+            width: 36px;
+            height: 36px;
+            border-radius: 8px;
+            object-fit: contain;
             background: var(--bg-tertiary);
-            flex-shrink: 0;
+            padding: 4px;
+            transition: transform 0.15s ease;
+            cursor: pointer;
+        }
+
+        .client-logo:hover {
+            transform: scale(1.1);
         }
 
         .client-logo-placeholder {
-            width: 28px;
-            height: 28px;
-            border-radius: 6px;
+            width: 36px;
+            height: 36px;
+            border-radius: 8px;
             background: var(--purple-lighter);
             display: flex;
             align-items: center;
             justify-content: center;
             color: var(--purple-primary);
-            font-size: 12px;
+            font-size: 14px;
             font-weight: 600;
-            flex-shrink: 0;
+            transition: transform 0.15s ease;
+            cursor: pointer;
+        }
+
+        .client-logo-placeholder:hover {
+            transform: scale(1.1);
         }
 
         /* Security flags */
@@ -2169,12 +2181,11 @@ if (function_exists('requireAuth')) {
                                     </td>
                                     <td>
                                         ${entry.client_short_name ? `
-                                            <div class="client-cell">
+                                            <div class="client-cell" title="${escapeHtml(entry.client_short_name)}">
                                                 ${clientLogos[entry.client_short_name]
-                                                    ? `<img src="${escapeHtml(clientLogos[entry.client_short_name])}" class="client-logo" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"><span class="client-logo-placeholder" style="display:none">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
-                                                    : `<span class="client-logo-placeholder">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
+                                                    ? `<img src="${escapeHtml(clientLogos[entry.client_short_name])}" class="client-logo" alt="${escapeHtml(entry.client_short_name)}" title="${escapeHtml(entry.client_short_name)}" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"><span class="client-logo-placeholder" style="display:none" title="${escapeHtml(entry.client_short_name)}">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
+                                                    : `<span class="client-logo-placeholder" title="${escapeHtml(entry.client_short_name)}">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
                                                 }
-                                                <span class="cell-truncate">${escapeHtml(entry.client_short_name)}</span>
                                             </div>
                                         ` : '<span style="color: var(--text-tertiary)">-</span>'}
                                     </td>