From 851ca7a0378f7990d9d2e4e7cfa3dab21620fca7 Mon Sep 17 00:00:00 2001
From: Andreas Knuth <andreas.knuth@gmail.com>
Date: Tue, 24 Feb 2026 17:46:27 -0600
Subject: [PATCH] open, sent status

---
 public/invoice-view.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/invoice-view.js b/public/invoice-view.js
index dcc84ce..f7fe985 100644
--- a/public/invoice-view.js
+++ b/public/invoice-view.js
@@ -239,14 +239,14 @@ function renderInvoiceRow(invoice) {
         paidBtn = `<button onclick="window.paymentModal.open([${invoice.id}])" class="text-emerald-600 hover:text-emerald-800" title="Record Payment in QBO">💰 Payment</button>`;
     }
 
-    // Send status button — only for QBO invoices
+    // Send status — only for QBO invoices not yet paid/partial
     let sendBtn = '';
-    if (hasQbo && !paid) {
+    if (hasQbo && !paid && !partial) {
         const isSent = invoice.email_status === 'sent';
         if (isSent) {
-            sendBtn = `<span class="text-green-600 text-xs" title="Marked as sent">✉️ Sent</span>`;
+            sendBtn = `<span class="inline-block px-2 py-0.5 text-xs font-semibold rounded-full bg-green-100 text-green-800">Sent</span>`;
         } else {
-            sendBtn = `<button onclick="window.invoiceView.setEmailStatus(${invoice.id}, 'sent')" class="text-indigo-600 hover:text-indigo-800 text-xs" title="Mark as sent to customer">📤 Mark Sent</button>`;
+            sendBtn = `<button onclick="window.invoiceView.setEmailStatus(${invoice.id}, 'sent')" class="inline-block px-2 py-0.5 text-xs font-semibold rounded-full bg-blue-100 text-blue-800 hover:bg-blue-200 cursor-pointer" title="Mark as sent to customer">📤 Mark Sent</button>`;
         }
     }