From fda4b59e58200f91d21bc0fcc8a04a43b75e6f08 Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Sun, 23 Nov 2025 22:28:03 +0100
Subject: [PATCH] (refactor) PrintPreview: fixing Pdf417Barcode margin & size

---
 app/ui/Pdf417Barcode.tsx |  1 -
 app/ui/PrintPreview.tsx  | 16 ++--------------
 2 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/app/ui/Pdf417Barcode.tsx b/app/ui/Pdf417Barcode.tsx
index fa24a72..2a4f769 100644
--- a/app/ui/Pdf417Barcode.tsx
+++ b/app/ui/Pdf417Barcode.tsx
@@ -3,7 +3,6 @@
 import { useState, useEffect, FC } from 'react';
 import { generateBarcode } from '../lib/pdf/pdf417';
 import { renderBarcode } from '../lib/pdf/renderBarcode';
-import { EncodePayment, PaymentParams } from 'hub-3a-payment-encoder';
     
 export const Pdf417Barcode:FC<{hub3aText:string, className?: string}> = ({hub3aText: hub3a_text, className}) => {
     const [bitmapData, setBitmapData] = useState<string | undefined>(undefined);
diff --git a/app/ui/PrintPreview.tsx b/app/ui/PrintPreview.tsx
index 5d6c463..7f1d0fa 100644
--- a/app/ui/PrintPreview.tsx
+++ b/app/ui/PrintPreview.tsx
@@ -37,13 +37,6 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
             print-color-adjust: exact !important;
           }
 
-          .print-barcode-img {
-            width: 69.6mm !important;
-            max-width: 69.6mm !important;
-            height: auto !important;
-            max-height: 85px !important;
-          }
-
           .print-table {
             page-break-inside: avoid;
           }
@@ -79,10 +72,6 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
           .print-table thead tr {
             background: #f5f5f5 !important;
           }
-
-          .print-table td img {
-            margin: 5em auto;
-          }
         }
       `}</style>
 
@@ -144,15 +133,14 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
                   <div className="flex justify-center items-center">
                     {
                     item.hub3aText ?
-                        <Pdf417Barcode hub3aText={item.hub3aText} />
+                        <Pdf417Barcode hub3aText={item.hub3aText} className="max-h-28 w-auto max-w-[270px] print:m-[5em_auto] print:h-[auto] print:max-h-[85px] print:w-[69.6mm] print:max-w-[69.6mm]" />
                         : (
                           // LEGACY SUPPORT ... untill all bills have been migrated
                           item.barcodeImage ?
                             <img
                               src={item.barcodeImage.startsWith('data:') ? item.barcodeImage : `data:image/png;base64,${item.barcodeImage}`}
                               alt={`Barcode for ${item.billName}`}
-                              className="max-h-28 w-auto border border-gray-300 rounded print-barcode-img"
-                              style={{ maxWidth: '270px' }}
+                              className="max-h-28 w-auto max-w-[270px] print:m-[5em_auto] print:h-[auto] print:max-h-[85px] print:w-[69.6mm] print:max-w-[69.6mm]"
                             /> : null
                         )
                     }