From 25ae19980aa24c8b6aaceda89ec80705916d379e Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Sun, 23 Nov 2025 10:43:33 +0100
Subject: [PATCH] UI: Center-align PDF417 barcode within label containers
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added justify-center class to label elements containing Pdf417Barcode
component for better visual alignment.

Changes:
- BillEditForm: Center barcode in form display
- ViewBillCard: Center barcode in read-only view

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/ui/BillEditForm.tsx | 2 +-
 app/ui/ViewBillCard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/ui/BillEditForm.tsx b/app/ui/BillEditForm.tsx
index 7f8278e..b51a138 100644
--- a/app/ui/BillEditForm.tsx
+++ b/app/ui/BillEditForm.tsx
@@ -211,7 +211,7 @@ export const BillEditForm: FC<BillEditFormProps> = ({ location, bill }) => {
                     {
                         hub3aText ?
                             <div className="form-control p-1">
-                                <label className="cursor-pointer label p-2 grow bg-white">
+                                <label className="label p-2 grow bg-white border border-gray-300 rounded-box justify-center">
                                     <Pdf417Barcode hub3aText={hub3aText} />
                                 </label>
                                 <p className="text-xs my-1">{t.rich('barcode-disclaimer', { br: () => <br /> })}</p>
diff --git a/app/ui/ViewBillCard.tsx b/app/ui/ViewBillCard.tsx
index 6bace88..905ef35 100644
--- a/app/ui/ViewBillCard.tsx
+++ b/app/ui/ViewBillCard.tsx
@@ -61,7 +61,7 @@ export const ViewBillCard:FC<ViewBillCardProps> = ({ location, bill }) => {
             {
                 hub3aText ?
                     <div className="form-control p-1">
-                        <label className="cursor-pointer label p-2 grow bg-white">
+                        <label className="cursor-pointer label p-2 grow bg-white justify-center">
                             <Pdf417Barcode hub3aText={hub3aText} />
                         </label>
                         <p className="text-xs my-1">{t.rich('barcode-disclaimer', { br: () => <br /> })}</p>