From e82f9a2cd6018d93e184b7e76b37785a61f084bf Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Mon, 17 Nov 2025 19:33:46 +0100
Subject: [PATCH] Fix button alignment by removing negative margin
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove mr-[-3em] from AddLocationButton, AddMonthButton, and PrintButton
to improve visual alignment and spacing consistency.

🤖 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 70d9a82..1ba386c 100644
--- a/app/ui/AddLocationButton.tsx
+++ b/app/ui/AddLocationButton.tsx
@@ -18,7 +18,7 @@ export const AddLocationButton:React.FC<AddLocationButtonProps> = ({yearMonth})
     return(
         <div className="card card-compact card-bordered bg-base-100 shadow-s my-1">
             <Link href={`/location/${ formatYearMonth(yearMonth) }/add`} className="card-body tooltip self-center" data-tip={t("tooltip")}>
-                <span className='flex self-center mr-[-3em]'>
+                <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>
diff --git a/app/ui/AddMonthButton.tsx b/app/ui/AddMonthButton.tsx
index 74d84b1..7b763fc 100644
--- a/app/ui/AddMonthButton.tsx
+++ b/app/ui/AddMonthButton.tsx
@@ -19,7 +19,7 @@ export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) => {
     return(
         <div className="card card-compact shadow-s mb-4">
             <Link href={`/${locale}/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip={t("tooltip")}>
-                <span className='flex self-center mr-[-3em]'>
+                <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>
diff --git a/app/ui/PrintButton.tsx b/app/ui/PrintButton.tsx
index d38a495..a0c8d69 100644
--- a/app/ui/PrintButton.tsx
+++ b/app/ui/PrintButton.tsx
@@ -22,7 +22,7 @@ export const PrintButton: React.FC<PrintButtonProps> = ({ yearMonth }) => {
         onClick={handlePrintClick}
         data-tip={t("print-codes-tooltip")}
       >
-        <span className='flex self-center mr-[-3em]'>
+        <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>