From f5f15ea47efa0f6c4dcee66fb572c2c2c1f89315 Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Mon, 17 Nov 2025 19:42:02 +0100
Subject: [PATCH] Center button labels vertically using self-center
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace fixed top margin with self-center for vertical alignment
in PrintButton, AddLocationButton, and AddMonthButton text labels.

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

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

diff --git a/app/ui/AddLocationButton.tsx b/app/ui/AddLocationButton.tsx
index 1ba386c..7e6f2d3 100644
--- a/app/ui/AddLocationButton.tsx
+++ b/app/ui/AddLocationButton.tsx
@@ -21,7 +21,7 @@ export const AddLocationButton:React.FC<AddLocationButtonProps> = ({yearMonth})
                 <span className='flex self-center'>
                     <HomeIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />
                     <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-xl text-green-500 ml-[-.6em] mt-[-.4em]"  />
-                    <span className="ml-1 mt-[.4em] text-xs text-left leading-[1.2em] w-[6em]">{t("tooltip")}</span>
+                    <span className="ml-1 self-center text-xs text-left leading-[1.2em] w-[6em]">{t("tooltip")}</span>
                 </span>
             </Link>
         </div>
diff --git a/app/ui/AddMonthButton.tsx b/app/ui/AddMonthButton.tsx
index 7b763fc..2c0dd7c 100644
--- a/app/ui/AddMonthButton.tsx
+++ b/app/ui/AddMonthButton.tsx
@@ -22,7 +22,7 @@ export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) => {
                 <span className='flex self-center'>
                     <CalendarDaysIcon className="h-[1em] w-[1em] cursor-pointer text-4xl"  />
                     <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-xl text-green-500 ml-[-.4em] mt-[-.4em]"  />
-                    <span className="ml-1 mt-1 text-xs text-left leading-[1.2em] w-[6em]">{t("tooltip")}</span>
+                    <span className="ml-1 self-center text-xs text-left leading-[1.2em] w-[6em]">{t("tooltip")}</span>
                 </span>
             </Link>
         </div>
diff --git a/app/ui/PrintButton.tsx b/app/ui/PrintButton.tsx
index a0c8d69..fae97a7 100644
--- a/app/ui/PrintButton.tsx
+++ b/app/ui/PrintButton.tsx
@@ -24,7 +24,7 @@ export const PrintButton: React.FC<PrintButtonProps> = ({ yearMonth }) => {
       >
         <span className='flex self-center'>
           <PrinterIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />
-          <span className="ml-1 mt-[.4em] text-xs text-left leading-[1.2em] w-[6em]">{t("print-codes-label")}</span>
+          <span className="ml-1 self-center text-xs text-left leading-[1.2em] w-[6em]">{t("print-codes-label")}</span>
         </span>
       </button>
     </div>