From 96ed8c714119c8946288f46760d5005bb04ba398 Mon Sep 17 00:00:00 2001
From: Andreas Knuth <andreas.knuth@gmail.com>
Date: Wed, 1 Apr 2026 17:06:31 -0500
Subject: [PATCH] fix for Downpayment label + fix for invoice modal

---
 public/index.html           |  5 ++++-
 src/services/pdf-service.js | 13 +++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 197f552..b052568 100644
--- a/public/index.html
+++ b/public/index.html
@@ -437,7 +437,10 @@
                             + Add Item
                         </button>
                     </div>
-                    <div id="invoice-items"></div>
+                    <div id="invoice-items" 
+                        class="overflow-y-auto pr-1"
+                        style="max-height: 40vh; min-height: 80px;">
+                    </div>
                 </div>
                 
                 <div class="bg-gray-50 p-4 rounded-lg">
diff --git a/src/services/pdf-service.js b/src/services/pdf-service.js
index b04d086..ae23dd2 100644
--- a/src/services/pdf-service.js
+++ b/src/services/pdf-service.js
@@ -118,17 +118,26 @@ function renderInvoiceItems(items, invoice = null) {
             <td class="total-amount" style="font-size: 16px;">$${formatMoney(total)}</td>
         </tr>`;
     
+    // Add downpayment/balance if partial
     // Add downpayment/balance if partial
     if (amountPaid > 0) {
+        const isFullyPaid = balanceDue <= 0.01; // allow for rounding
+        const paymentLabel = isFullyPaid ? 'Payment:' : 'Downpayment:';
+        
         itemsHTML += `
         <tr class="footer-row">
-            <td colspan="3" class="total-label" style="color: #059669;">Downpayment:</td>
+            <td colspan="3" class="total-label" style="color: #059669;">${paymentLabel}</td>
             <td class="total-amount" style="color: #059669;">-$${formatMoney(amountPaid)}</td>
-        </tr>
+        </tr>`;
+
+        // Only show BALANCE DUE row if there's actually a remaining balance
+        if (!isFullyPaid) {
+            itemsHTML += `
         <tr class="footer-row">
             <td colspan="3" class="total-label" style="font-weight: bold; font-size: 16px; border-top: 2px solid #333; padding-top: 8px;">BALANCE DUE:</td>
             <td class="total-amount" style="font-weight: bold; font-size: 16px; border-top: 2px solid #333; padding-top: 8px;">$${formatMoney(balanceDue)}</td>
         </tr>`;
+        }
     }
     
     // Thank you message